JGardner wrote:
>> http://www.jgardnerdesigns.com/web-design-services.htm
> When you wrote: Float the entire #menuh right, and _contain_ it. -
> what did you mean by and contain_it?
"Contain" here means to make the parent element "expand (or stretch) to
contain floats", and the parent element in your case is #menuh-container.
Otherwise the parent-element can't be used for adding background-colors
behind and around its floating child - the #menuh.
The buggy "auto-containment" effect in IE/win isn't replicated by any of
the good browsers, so we have to tell the good browsers directly that
they must "contain floats".
Of the many ways we can do that (tell them what to do), only a few will
actually work in your case because you have a dropdown in that menu.
I used 'display: table', which has no negative effects in your case
because of how CSS tables work.
IE/win doesn't understand that 'display: table' property at all, but
this is one of those cases where IE's own 'hasLayout' bug comes to its
rescue.
> I had to leave the float:right style on the page. If I moved it to
> the style sheet it didn't work. I think I remember hearing that to
> do a float you needed to declare the position, but when I declared
> the position on the menuh div it still didn't work. So for now I am
> leaving the float declaration on the page.
Floats should not be given any positions - unless one also want to
offset it with 'position: relative'.
Absolute or fixed positioning of floats (as found in some stylesheets)
simply mean the float-property will be ignored by browsers.
I'll check that I didn't miss any of your existing styles. In my demo
they are co-existing with my styles since I never touched your stylesheet.
I'll be back on that once I have had time to dissect your styles down to
the smallest details.
> Thank you again for your help. I did a Google search for the IE6
> auto-expansion bug and it appears that maybe you coined the phrase -
> I am impressed. I will be reading up on it and trying to understand
> it all.
Do that.
FYI: the "auto-expansion" bug makes any element act like it were an HTML
table-element on drugs. It works different on horizontal and vertical
dimensions, since it doesn't keep the elements children in check the
same way in both directions. Fun :-)
Also: since the patch they have used to fix the "auto-expansion" bug in
IE7 often has worse effects than the original bug itself, we may have to
deal with that IE/win bug and the buggy patches for a long time.
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/
