Previous Message
Next Message

Ie 5.2mac hell - inherited clear, disappearing bg img

Sent by Philippe Wittenbergh on 7 April 2005 01:01


On 7 Apr 2005, at 2:07 am, kristin wrote:

> I think I'm having 2 problems with ie5.2 mac.
>
> The page is here: http://www.rhythmrally.com/
>
> Here is what it ought to look like:
> http://www.rhythmrally.com/examples/correct_firefox.gif
>
> First, I have a float clearing in ie5.2mac that shouldn't clear.  I 
> think it
> is inheriting the clear because the parent div is set to clear.  (the
> #rightcol is clearing #sidebar).  Oddly, the only browser that needs 
> me to
> set the #content div to clear is ie5.2 mac, and when I do clear it, the
> clear gets improperly inherited to the #rightcol, or this is my 
> impression
> at any rate.

That is a well known bug in IE mac
<http://www.l-c-n.com/IE5tests/float2misc/#fm002>

In your case, the solution is very easy:
instead of using 'clear' on the div#content, float that div to the left.

div#content {
	/*clear:both;*/ /* <-------delete this one */
	float:left;  /* <------- add */
}

No problems in other browser (or may be IE Win, didn't bother to check.
>
> The second problem is that the background header
> http://www.rhythmrally.com/images/top.gif disappears in ie5.2mac.

The height 100% on div#insideWrapper is causing that (not incorrect, 
but that is another discussion).
Delete that height rule and you're settled.

IE mac isn't very happy with this rule block
html, body {
    height:100%;
    }
causing a large amount of white space at the bottom, when not much 
content in the page.
Delete it as well.

I guess you're idea with the use of height is to always have those two 
containers stretch the full height of the window. You can leave them in 
for other browsers if you feel like, but hidden form IE Mac

Pick your favourite filter:
<http://www.l-c-n.com/IE5tests/hiding/#anhid>


Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>

______________________________________________________________________
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/
Previous Message
Next Message

Message thread: