Textpattern CMS

#1 2010-01-23 11:17:28

Gallex

Member

Registered: 2006-10-08

Posts: 1,304

floating elements in fluid content area

i have webpage with fixed sidebars and fluid content area here
everthing looks good until there’s no lots of floated content in main part, but if it does, then the problems start for ie6 and ie7.
i inserted many floating images into main content area and now the layout is broken – images overflowing the main content area in ie6 and ie7.
how would you solve this situation?

#2 2010-01-23 13:37:58

Gallex

Member

Registered: 2006-10-08

Posts: 1,304

Re: floating elements in fluid content area

found a new .clearfix:after method on this page which works with ie7 as well

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

p.s. my old one was actually not perfect – that’s why it didn’t work with ie6