CSS Help

steve_c

steve_c

steve_c

Associate
Joined
3 Jan 2005
Posts
1,736
Hi - I'm having trouble with my site:

Link

The car list on the left is dynamic content and can grow - if it grows, the bottom of the page content grows with it - no problem there :)

However - if the content in the main #cont on the right grows, the page does not grow with it and I get the div overlapping the bottom of the page.

It's been driving me mad! I'd be very greatful if anyone could point out where I'm going wrong on this one.

Thanks in advance all :)
Stephen.
 
ive got a feeling it will be something to do with the fact youve used absolute positioning on it and set its size rigidly using px rarther than %
 
I've not checked your code, but i'm fairly sure you will need a div with a clear:both style beneath both of the expanding divs, to make sure whatever comes below does not overlap the floated divs when they are taller than the non-floated divs.
 
Hi - tried that but to no avail - I assume the div just had to have clear:both and nothing else? I'm off to bed now (in NZ) but would be grateful for any help.

Thanks again.
 
It nearly worked - I put a div below both of them:

clear:both;
width:100%;
background-color:#E0E0E0;
height:50px;

worked in IE but not as well in firefox - I had to set a stupid height for it to work in both browsers - but then when I have a page with no content, there is still say a 100px gap
 
You must log in or register to reply here.
Back
Top Bottom