On Apr 15, 2006, at 10:42 AM, Christine Ce wrote:
> Could someone please have a look at this page in Mac Explorer?
>
> www.wuongean.com/beta/index.htm
>
> It looks fine in Firefox and Windows Explorer, but am told that in
> IE on Mac
> the thumbnails are lower down on the page.
The classic IE mac problem...
1/ you declare a width on the #left-col, this causes IE mac to hick,
and drops the column below the the right one.
But you don't need that width.
2/ when you use float, you *must* declare a width. IE Mac is a CSS
2.0 browser, and a width is required for floats in that rec. [1]
The problem is with your .portfolio-thumbnail class.
Now, you have a problem... the way you use it, it has to have a
different width on each thumb.
There is a way to solve this:
.portfolio-thumbnail {
float: left;
width:1px; white-space:nowrap; /* <---- add this */
}
You cannot show this to other browsers...
* html>body .portfolio-thumbnail is a filter, only IE mac will
recognize this. [2]
[1] <http://www.l-c-n.com/IE5tests/float2misc/#flwidth>
[2] <http://www.l-c-n.com/IE5tests/hiding/#anshow>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
