Joanne wrote:
> I have a background image that's displaying in IE6 but not firefox or
> Opera (haven't tested IE7 or Safari yet).
IE7 will display the background. Safari will not.
> I have uploaded it at www.sparrowdog.com/test.htm
The missing background is caused by the fact that "floats are not
contained by default in standard compliant browsers". This means that
#main won't expand downwards since there are only floats inside it.
Add a property that will establish a new 'block formatting context'[1]...
#main {display: table;}
...or alternatively...
#main {overflow: hidden;}
* html #main {overflow: visible;}
...and the standard compliant browsers will get the message and "expand
to contain floats".
IE/win (all versions) has its 'hasLayout'[2] bug, so it expands no
matter what. We just have to protect older IE/win versions from their
'overflow' bugs if the second alternative is used.
regards
Georg
[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
