Shelly wrote:
> Hey all -
>
> I'm using the "position is everything" trick of a "clearfix" class
> (http://www.positioniseverything.net/easyclearing.html). According to
> the article, the clearfix works on everything *but* IE - however the
> article states:
>
> "This does not affect IE/Win which simply keeps enclosing the float as
> always (assuming the container has a stated dimension)"
>
> Now, I have a small thing - it's a little div that rests within another
> div. The "inside" div has two floated elements - one right, one left.
> Here is no specified height, because the content is supposed to push the
> outer div down as it expands.
>
> However, in IE 7, the outer div doesn't get pushed down. And it's IE7 -
> so I half-expected it to work like Mozilla (my bad! What was I
> thinking?!?) and use the clearfix, but it doesn't. And as a rule, IE
> generally doesn't see it anyway. So it looks like I'm screwed both ways
> to Sunday. Do I *have* to put in additional markup to force the clear?
> I really don't want to. I was wondering if there was another way?
>
> (if you want to see it: http://www.brassblogs.com/wordpress - it's a
> test site for a client - for the record, I didn't design it! - and I'm
> putting it through the final checks and stuff right now. The issue
> resides in the yellow bars beneath the posts - if the lines wrap, they
> go past the yellow bar in IE7)
>
> ~Shelly
> ______________________________________________________________________
your clearfix breaks in IE7
use
.clearfix {zoom:1}
see [1, 2]
Ingo
[1] http://archivist.incutio.com/viewlist/css-discuss/82146
[2] http://www.tanfa.co.uk/archives/show.asp?var=300
--
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
