# Problem w/ Clearing Div

**URL:** https://forum.kirupa.com/t/problem-w-clearing-div/279438
**Category:** web dev
**Created:** [January 14, 2009, 7:14pm UTC](https://forum.kirupa.com/t/problem-w-clearing-div/279438 "2009-01-14T19:14:27Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![mnat](https://avatars.discourse-cdn.com/v4/letter/m/258eb7/32.png) [@mnat](https://forum.kirupa.com/u/mnat)
#### Post date: [January 14, 2009, 7:14pm UTC](https://forum.kirupa.com/t/problem-w-clearing-div/279438/1 "2009-01-14T19:14:27Z")

</div>

Hey Everyone,

On a site I am building I have a wrapper that contains 3 divs: right column, left column, and footer all which have float properties. I want my wrapper to encase these div’s and their content. The problem is that on some pages my right columns content is flowing over the footer and the wrapper.

I have tried several clearing methods including creating an empty div at the end of the wrapper with clear:both CSS, as well an updated clearing method that uses :after property, but neither seemed to work in any browser. Please Help!

Here is a link to a page of the site that shows the problem:  
[http://www.soleroliving.com/solero\_apartments/residents/residents.html](http://www.soleroliving.com/solero_apartments/residents/residents.html)

and here is the URI for the CSS:  
[URL=“[http://www.soleroliving.com/CSS/Solero\_site.css](http://www.soleroliving.com/CSS/Solero_site.css)”][http://www.soleroliving.com/CSS/Solero\_site.css](http://www.soleroliving.com/CSS/Solero_site.css)

Thanks!