Using clear both in a non floated div with fixed margin

[floridaflatlander]

I trying to build a page that has a variable width depending on the viewing monitor that also has a fixed column to one side.

 

My problem is that when I have floated divs in the none floated div and put <br style="clear; both;"/> under the divs or apply the clear to the p tag the clear drops below the right column.

 

I thought the clear style only applied to it's containing div.

 

How can I fix this?

 

Thanks.

 

This image is an example of my problem

Edited July 19, 2013 by floridaflatlander

[denno020]

You should add a div after the two coloured divs which has the CSS for clearing the floats.

 

This will allow any content that is after these two divs to be displayed below them on the page, instead of underneath them, as would be the case if the float wasn't cleared.

 

Denno