Thread: Container Height Unknown

try adding overflow:hidden; to your maincontainer DIV.

Shouldn't matter. If you are placing a border on the main container with css the border, like container itself, will expand and collapse with the amount of content held within. If you want to do a border between columns than that is faux columns (do a google search).

Thanks for the replies. I got it working by applying the following to the main container: height:-1%; overflow:hidden; Cranium, I don't think your solution is correct. It may have worked in older version of IE, but using version 8 you'll see that you have to specify a height for the main container or else it will not appear. Once you specify a height the container then ...

So it seems the problem is related to the body height not being set to a fixed amount. Without specifying a fixed height it is impossible to add margin or pad to the bottom of the page. This is plain ridiculous as often the length of the page will vary! Am I going mad? Rob.

Post the address of your page, or a minimal test case that exhibits the issue. Without some code, we can only guess. cheers, gary

Thanks for the reply. As suggested I have stripped back the page to the a minimum so it is easy to read: http://www.robburne.co.uk/test/index2.php The CSS sheet can be seen here Any ideas why there is not a gap at the bottom of the page? Thanks in advance, Rob.

You have over/mis-used floats. Simple fix? Make the container {overflow: hidden;}. See Enclosing float elements for an explanation. cheers, gary