Sent by Bruno Fassino on 31 October 2004 20:08
Beto wrote:
> Right now I am going through building an alternate IE/Mac
> style sheet for the site temporarily located at
> http://www.betobeto.com/teleton/
....
> As you may see, the Index page layout crashes almost
> completely in IE5/Mac, specially with the main menu
> positioning (an UL shaped into buttons via CSS and put
> inside a #menu div).
Hope this reply is not too late...
The reason for the ul menu not correctly positioned is that:
- it is floated
- it is inside a relatively positioned box (#menu) shifted up with
top: -33px.
IE5/Mac seems to display floats contained in relatively positioned boxes as
these boxes were not displaced by their top, left.
I don't know if there is a direct fix for this problem, a workaround is to
avoid to use top: -33px for #menu. You can probably get exactly the same
effect with:
margin-top: -33px;
margin-bottom: 33px;
always applied to #menu. If these cause problems in other browsers simply
feed them to IE/Mac only.
The other problem that I see on the index page is the right column. Here you
have a left floated image, not cleared. IE5/Mac seems to insist in
displaying subsequent divs at the right side of the image. Adding:
#telefonos { clear: left; }
seems to solve the problem.
hth,
Bruno
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/