CSS Help

steve_c · 21 Nov 2006 at 01:58

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.

steve_c · 21 Nov 2006 at 11:05

OK so I should float the #cont right and give both #l-col and #cont percentage widths?

steve_c · 21 Nov 2006 at 11:21

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.

steve_c · 21 Nov 2006 at 11:28

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

steve_c · 21 Nov 2006 at 11:31

Actually sorry no it didn;t work - tried putting more content in and still the same problem