Why dose IE clear the floats?

[zardos]

Hi, i want all this divs to be floated right on one singel row, it workes fine in FF and Chrome but IE seames to flear the floates and the all end up over eachother. Is this IE querk or am i just thning wrong, and how do i fix it?

Code:

img

Delicious

img

Twitter

img

FaceBook

Thanks

[AshtonSanders]

If I remember correctly:

In general when you float a div, the width goes from 100% to as small as possible (auto?)… but not in IE. It stays at 100%. I’ve had to assign a width to the Div as well…

Hope that helps.

[zardos]

oki that would probably work, but i really would like to be able to not give every box an different id :/ is there a way around it?

Thanks

[TheDoc]

You don’t have to give each box its own id, you already have classes on them. Just apply the width to the classes.

[zardos]

yes my bad, i meant that i don’t wont to another class ether , i want to box to be generic so i dont need a special class depeidin on the length of the networks name :/

[AshtonSanders]

You can try "width:auto" , but I don’t think that will work…

It might be best to do a "display:inline" instead of doing float: left…

[zardos]

Thanks, will do, but i really must say, i hate IE :D

[AshtonSanders]

Then you are a real web developer ;)

[Author]

Posts