CSS Problem

[v2^]

Hello all,

Im playing around with my first full css driven layout but i have run across a problem.

The content does not stretch instead it overlaps see here Test Site

This design is not the design i will be usign im just trying to get the idea i want and working before i make it look snazzy.

The css file is here http://www.webinventions.co.uk/TEST/main.css

I know my coding is rough

 

[LazyManc]

Put paragraph tags around your paragraphs.

Use an unordered list for the navigation menu and then check out http://css.maxdesign.com.au/listamatic/ for ideas on how to style them.

 

[v2^]

Thanks i will do

Im still stumped at why the overlap happens i know the content div is stretchng but what i dont understand is that the content div is inside the container which should push the footer div down but it doesnt :/

 

[lozza]

try adding in clear:both

#footer { 
width:758px; 
border-style:solid; 
border-width:1px 0px 0px 0px; 
border-color:#ffffff; background-color:333333; color:#ffffff; font-family:verdana,arial; font-size:12px; padding:4px; text-align:right; 
[B]clear:both;[/B]
}

I'm new to all this too - so i'm not 100% sure tahts right, but give it a go

 

[v2^]

Nah never worked