dividere Home Page in 5 sezioni con CSS

[bella]

Ciao a tutti, volevo chiedervi un favore.

Nella Home Page del mio sito vorrei dividere il tutto in 5 parti.
Una parte superiore di larghezza 100%, con altezza 10%.

Una parte centrale, con contenuto variabile e quindi altezza adattabile al contenuto delle notizie,esempio 80%, da dividersi in 3 sezioni verticalmente: quella di sinistra che occupera' un 20% della larghezza, quella destra un 20% della larghezza, e quella centrale un 60% della larghezza.

E poi una sezione inferiore, sul modello della sezione "superiore", di larghezza 100% ed altezza esempio 10%.

Vorrei utilizzare 5 diversi valori di CSS, il problema e' quello di far capire alla pagina web queste indicazioni (poi colori e resto e' tutto ok ).
Potete dirmi se il procedimento e' corretto, e soprattutto se il codice del file CSS e' giusto?



<style>
#PARTE SUPERIORE
{
hight: 10px;
overflow: Hidden;
}
#PARTECENTRALESINISTRA
{
hight: 90%;
float: Left;
position:relative;
width: 20%;
overflow: Visible;

}
#PARTECENTRALECENTRO
{
float:left;
hight: 80%;
width: 60%;
position:relative;
overflow: Visible;
}

#PARTECENTRALEDESTRA
{
float:center;
hight: 80%;
width: 20%;
position:relative;
padding: 5px;
overflow: Visible;
}
#PARTEINFERIORE
{
float:bottom;
hight: 10%;
position:relative;
width: 100%;
overflow: Visible;;
}
</style>

Grazie

 

[dead]

a parte che si dice height (non hight), il tuo sistema non funzionerà per due motivi:
- non puoi mischiare px con %
- in verticale il body non ha un'altezza definita, quindi il % rispetto al body non significa nulla.

in senso verticale in genere l'altezza si lascia libera. Se però proprio ti serve fissarla devi creare un contenitore

(<div id="contenitore"></div>)

ed assegnargli un altezza in px. Poi metterai tutto il tuo sito all'interno del div. Però ripeto, non è una pratica molto elegante.