Wonderbaby Designs wrote:
> I am wondering why I wouldn't add this to my pageWrap div, which
> already has the overflow set to hidden. To ask differently, why
> didn't the SOWrap inherit this rule from the pageWrap or should I add
> these fixes to the pageWrap instead of the SOWrap??
>
> Inherited rules are very confusing.
Yes, and not many rules are inherited down the nesting-chain. The rule
in question: 'overflow: hidden', is not inherited.
I didn't go back to check all variables, but there is one additional
problem with IE that is probably affecting the result and how applied
fixes work.
- You have several 'position: relative' in there, and elements with that
'property: value' will overflow their container if they are too large -
even if we declare 'overflow: hidden' on the container.
The effect in IE6 is that the container stops growing - which is
otherwise a big problem with IE6' "auto-expansion" bug, but the "too
large" elements will appear visible beyond the edge of the container.
Nested elements/containers, where some have 'position: relative' and
some have not, can be a nightmare to control overflow-wise in IE6 (and
older versions). Don't know about IE7, but I have the impression that it
isn't improved much.
So, I added the fix where it worked as intended in IE/win, and just
checked for unintended side-effects in that and other browsers. Firefox
didn't like 'overflow-y: hidden' there, so the IE-targeting hacks was
necessary.
regards
Georg
--
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/
