Scott Povlot wrote:
> ... I need some help on IE7. I have a website that works well on
> IE6, FF and Opera. But on IE7, the content text overlaps the sidebar
> on the right. The content area has a 13em right margin. And the
> sidebar ("Upcoming Events") is positioned absolutely at the right on
> 0.
>
>
> Website: http://www.piedmont-div.org/ CSS:
> http://www.piedmont-div.org/css/styles.css
>
short:
#section needs haslayout, for example
#section {zoom:1}
long:
Any wrapper that causes problems in the IE family may benefit from
haslayout.
I think the reason why your problem doesn't show up in IE6 is the fact
that the child element, #content, has no layout in IE6, but in IE7. They
have changed the policy, overflow now triggers haslayout in IE7.
The big difference is that in IE6, a non-layout #section has to contain
a non-layout #content. No problems.
In IE7, a non-layout #section has to contain a /layout/ #content. Now
you have real problems.
One might reproduce the problem in IE6 by giving haslayout to #content
(as overflow does in IW6) by applying zoom:1 here.
A layout wrapper controls the rendering of its direct child elements, it
establishes the new block formatting context for these elements.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
