I’m developing a new website and it seems I’m missing something that should be obvious. I have a centered wrapper div, with a left and right column inside it. The right column is made up of three “main” divs (#mainTop #main #mainBottom), all floated right. The left column is a smaller, sidebar div (#sidebar) floated left.
If you look at the test site: http://puresas.ebridgesites.com/ you’ll see that the left sidebar is clearing the right floated divs, and I can’t figure out why.
You can fix it by moving
#sideBarto before#mainTopin your HTML.Live Demo
(Your assets are being loaded thanks to
<base href="http://puresas.ebridgesites.com/" />)