Leah Maclean wrote: > I'm having display troubles with the content in 2 sidebars sitting > above the header image. It is displaying in the correct place on FF, > Opera even IE6.0is OK but not in IE7.0.
> The site is http://www.slimink.com.au IE7 does not register space taken up by an element that overflows its container, nor does it expand the container if the declared 'height' is too small (like IE6 does). Subsequently: the space taken up by the horizontal #navigation from inside #header is ignored, even if #navigation shows up just fine. An IE7 bug. One solution is to restyle #header from this... #page #header { width : 980px; height : 190px; .............. } ...to this... #page #header { width : 980px; height : auto; min-height: 190px; .............. } ...so IE7 can expand the #header container like IE6 does - thanks to the 'hasLayout' effect on unrestricted containers. Other browsers (including IE8 they say) register space taken up by #navigation, so they'll do fine with the 'min-height' to "space out" the #header above #navigation. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
