CSS Layout Problem

[sirichmond]

Hello all,

This is the second CSS page that I am working on and I have a problem but only small and no doubt simple but its fried my mind. I have a logo/menu box at top then below 2 content boxes a large one on the left and a small one on the right, below that is my footer. Problem is there should be a space 20px I think between the content boxes and the footer but there is not, help?

http://www.allthegearnoidea.net/version4/gallery/gallery.html

Link to CSS
http://www.allthegearnoidea.net/version4/gallery/atgni.css

Cheers
Simon

 

[Tripnologist]

I would put your two cols into a div with an id of cols and then do the following...

#cols { width: 100%; overflow: hidden;}

This will force cols to contain the two floats, and allow your footer margin to work as it should.

Alternatively, you can use clearfix, but I find the above easier if you don't need overflow.

 

[sirichmond]

Sussed it using

margin-bottom: 20px;

on the two content divs