ColumnSolving the Problem With Clear

Look at the image on the right... now look at the position of the footer. Now the footer appears after the bottom of the image.

This is because although the image has been floated to the right, the footer has been specified as clearing any right floats. Take a look at the source for the page, in particular the code for the two rules:

.oneColElsCtrHdr #footer

Compare these rules with the same rules in the original page.

Then use the web developer tool bar to outline block elements, so you can actually see where the text div ends.

Back Back to the Clear page.