Container Wrapper not wrapping

HTML & CSS
1

Hi,

The page in question is www.clhdesigns.com/heritage/gallery.php As you can see the content container actually wraps around the 3 boxes above the gallery. However if you look at the other pages the container wraps just fine where it’s supposed to. Here is the CSS in question

#maincol2 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px 0;
    width: 960px;
}

I have put in a proper padding rule but is seems to not want to take. Is there something I’m missing here?

Thanks

2

Hi,

I think you may have already fixed this by adding a div with clear:both into the page but that is not a nice solution :slight_smile:

You could instead apply overflow:hidden to #maincol2 and that will contain the child floats without extra mark up.

If you meed visible overflow then use the clearfix :after method instead (see CSS faq on floats for more info).