Quick CSS Question

[Twinkie]

Quick CSS Question (so I don't go nuts trying to figure it out): Why does the float mess up the html order of this page: http://supertwinkie.co.cc/project

 

[descalzo]

What do you mean by "html order"? Comment out the float directive and the image and caption just center themselves since the align=center of the containing div takes over.

 

[Twinkie]

The order is that the addthis button is placed after the link boxes. When the float is applied, the link box somehow falls out of the div container. Why?

 

[descalzo]

Not really. I put borders around the divs....

Float

No Float

 

[Twinkie]

How can I keep the link boxes 'fully' contained and display before the addthis button. I want it to look like it does without the float, but of course able to be put side by side.

 

[descalzo]

Do you want the addThis box to be directly below the image, like when there is no float?

 

[Twinkie]

Yes.

 

[sourfacedcyclop]

I would use clear:both;

 

[descalzo]

Something like this?

(sorry Admins, it is not in English. If you insist, I will try to provide a translation)

 

[xav0989]

Something like this?

(sorry Admins, it is not in English. If you insist, I will try to provide a translation)

You should have used lorem lipsum!!!

I don't know if it will change something, but maybe removing the page content from the h2 tag will help.