On Wed, 7 May 2008 13:41:51 -0400, Steve Wilson wrote:
> I could fix this with javascript, but I'd like to do a pure css solution if
> possible.
>
> <div class="outer">
> <div class="inner">text</div>
> </div>
>
> The height of div.outer includes the height of div.inner (16px in firefox), as
> expected. However, if I float div.inner:
>
> <div class="outer">
> <div class="inner" style="float: left;">text</div> </div>
>
> then div.outer has height of 0px. Any way to fix this?
div.outer {
overflow: hidden;
_overflow: visible;
_overflow-x: hidden;
_height: 0;
}
Ref:
<http://www.tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp>
Cordially,
David
--
______________________________________________________________________
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/
