CSS Layout Question

Answer 1

You need to specify the footer to clear the float:

#footer{
 clear: both;
}

This forces it under floated elements.

Other options for clear are left and right.

Answer 2

Right now you're pretty hopeless if you don't want to float anything, nor use position: absolute.

The only alternatives left are:

• use display:inline-block for the sidebar and content divs (this is not supported by all browsers yet)
• wait for the css advanced layout module or some other column module (will take forever probably)
• go back to using tables

Answer 3

Doing either of these options result in the footer div not being pushed down by one or the other?

Try this tool