Jeff Blaine wrote:
> Interesting. I wish I understood why 'overflow: hidden' solves the
> problem. I don't like adding things that I don't fully understand.
> What overflow am I hiding? Why is 'overflow: hidden' the magic that
> states, "these children belong to the enclosing div". It just seems
> awful obtuse to me.
The "magic" is standardized, and is known as establishing of a new
'block formatting context'[1]. Which property/value to use depends on
the case since each of the properties/values that triggers the "magic"
also have other effects.
In IE7, IE6 (and older) 'hasLayout'[2] triggers have similar "magical"
effects.
> Curiously, I also found that adding "float: left;" to #bottomrow also
> solved the problem.
Same "magic".
> I took that out though and used "overflow: hidden" and it seems to
> work fine in IE6, IE7, and FF3b5.
"overflow: hidden" may destroy rendering in IE5.x - in case that matters.
The safest solution is to "double-style", like so...
#element-id {overflow: hidden;}
*html #element-id {overflow: visible; height: 1%;}
regards
Georg
[1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting
[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
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/
