ansaurus

Question

Answer 1

+1 A:

On the parent, do a:

 style="overflow: auto"

Pekka 2010-03-04 08:50:50

that won't work in IE6

Faisal Deedar 2010-03-04 08:53:31

@Faisal `overflow: visible` has problems in IE. Auto should not. Anyway, clearfix is a good idea as well.

Pekka 2010-03-04 09:06:19

@Pekka: I just tried with overflow auto, did not work in IE6 and when i added zoom:1px then it worked fine as suggested by vermutt. I could show my code if you say, it did not work in IE6. Thanks anyways.

Faisal Deedar 2010-03-04 09:15:52

Answer 2

+3 A:

The solution to that is using clearfix class.

Sarfraz 2010-03-04 08:55:19

hmmmmm, seems clearfix is better solution yet. Thanks

Faisal Deedar 2010-03-04 09:14:05

@Faisal Deedar: thank you :)

Sarfraz 2010-03-04 09:20:27

Answer 3

+1 A:

Basically you have to wrap floated elements with a block that has a clearfix hack applied. Read more here: http://www.webtoolkit.info/css-clearfix.html

For IE<7 you would also use zoom:1;

2010-03-04 08:55:50

ansaurus

tags:

views:

answers:

How to deal with floated elements?

related questions