DIV flow issues!

[williamrouse]

I would like some help in resolving a design frame for a project I started working on. It should be a pretty simple placement of DIVs, but apparently I don?t understand the flow of these DIVs.

I created a series of DIVs. The outer DIV is the content wrapper. Within the Div I have first a centered header, then a centered menu. This is followed by a left content, a right content and then a footer at the bottom of the page.

Please look at the page at this address:

http://www.rouse.ws/test/index_1.html

 

Each Div has a title of what it is and a border to specify it location. The problem is that the text for the footer is where I expect it, but the border detailing the footer location is placed under the menu item, not under the left and right content area, which is where I expected it. I would appreciate someone pointing out what I am doing incorrectly.

All of the CSS is in the file for you to view.

Thanks!

[Susie]

Since your left and right columns are floating, you need to add clear:both to your footer and it will show up where you want it.

[williamrouse]

Thanks Susie!