Previous Message
Next Message

Floated containers overlap a non-floated container in FF + Safari, not in IE

Sent by John Jameson on 5 December 2005 15:03


Hi Georg,


Many thanks for taking the time to answer this.


> If you leave them out completely, and adjust margins on h1 & h2 to go
> with it, then IE6 will act as Firefox, Opera etc.

Thanks for this alternative, the original solution for this site is
preferred as each page is script-generated, so the float solution should
work without knowing what the main content will be (though the home page
area in question is basically static as you rightly guessed).


> The reason for all this is that IE/win receives a 'hasLayout'[1] trigger
> through the presence of 'height' in '#HomePageIntro', so it creates an
> isolating box-element because of its very own bug/feature.

As an experiment I removed the height property; It correctly reduced the
container to the height of the content but it did not change the overlapping
behaviour in FF or Safari- is there another property that can trigger this
bug/feature?

Interestingly, removing height caused IE to show the overlapping  behaviour.
 

Regards,

John Jameson



______________________________________________________________________
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: