Sorry, I screwed up the CSS in the previous sample,
My test case works in IE6 and FF1.0.4
----
.clear {
line-height: 0;
clear: both;
margin : 0;
padding: 0;
border: 0;
}
.redbox {
float: right;
width: 200px;
margin: 0;
border: 1px solid red;
color: white;
background: red;
}
.greenbox {
margin: 0;
border: 1px solid green;
color: white;
background: green;
}
<div class="redbox">
<p>This is redbox.</p>
</div>
<div class="clear"></div>
<div class="greenbox">
<p>This is greenbox.</p>
</div>
----
--
Peter Williams
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Will Merrell
> Sent: Thursday, 30 June 2005 12:43 PM
> To: css-discuss
> Subject: [css-d] Setting height to 0 does not work on IE6
>
> Hi Folks,
>
> I'm floating some elements on a page, so I am adding a div
> after to clear
> them so they stay in the container. The clearer div looks like this:
>
> <div class="clear"> </div>
>
> and the css for it looks like this:
>
> .clear {
> display : block;
> clear: both;
> height: 0em;
> margin : 0em;
> padding: 0em;
> }
>
> Here's the problem: on Firefox the clearer div occupies no
> vertical space.
> No suprise there. But, under IE6, guess what, the clearer div
> occupies a
> full line.
>
> So ... ,
>
> Does IE6 use the height property?
>
> Does anyone know how to get this div to show up as zero height on IE?
>
> Thanks,
>
> -- Will
>
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
