Layout complesso, regolare DIV

[SoulStorm892]

Salve a tutti, devo creare questo tipo di layout:



Queste sono le specifiche: il div foot deve essere alto 20px e SEMPRE presente a fondo pagina a prescindere dalla lunghezza del div container, il div container non ha lunghezza fissa perchè il div content varia il contenuto tramite AJAX (generalmente più lungo del tag left).

Qualcuno può darmi una mano ??
Grazie a tutti

[Vincent.Zeno]

Originariamente inviato da SoulStorm892
Qualcuno può darmi una mano ??

a fare cosa? qual'è il tuo problema? hai gia scritto un po' di codice? cosa non va?


sposto su css

[SoulStorm892]

Il problema è che non riesco a fare quello che le specifiche dicono

dunque ecco il codice CSS riferito ai tag div dell'immagine:

body
{
	font-family: 'Palatino Linotype';
	padding: 0px;
	margin: 0px;
}

div
{ 
	padding: 0px;
	margin: 0px;
	border: none;
}

#head
{
	display: block;
	height: 25px;
	
        /*linea divisoria*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	background-color: #FFFFFF;
}

#container
{
	padding: 15px 0px 20px 15px;
}

#left
{
	width: 250px;
	float: left;
}

#content
{    
	margin: 0px 0px 0px 270px;
	width: 900px;
}

#foot
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
}

In questo modo il div foot è come se si sovrascrivesse al div left, ho provato a smanettare con le proprietà display e position ma non sono riuscito a regolarlo a dovere...

RIPETO: ho bisogno che il tag foot stia sempre a fondo pagina in base alle dimensioni del div content

[Mich_]

Il tuo e` un classico layout a due colonne con header e footer.
Prova a farti un giro tra le raccolte di layout: ne trovi a centinaia di layout simili.
(magari prova a partire dai "link utili" del forum CSS).

Comunque se usi i float, ci deve essere anche almeno un clear (che nel tuo codice non vedo)

[SoulStorm892]

risolto, mancava proprio il clear per stoppare il floating