Ciao a tutti,
mi stò cimentando per la prima vera volta con un sito interamente fatto con i CSS....ma naturalmente stò impazzendo...mi sono letta un pò di cose in giro...tra cui la guida sui css di questo sito e ho deciso di iniziare a provare vista l'urgenza che ho....purtroppo se dessi retta a tutto il materiale che ho trovato sulla rete non inizierei mai..ci sono un milardo di guide e cose che non sapevo dove mettere le mani.... VVoVe: VVoVe:
Quindi ho cominciato a costruire la struttura in base al layout grafico....e già si presentano i primi problemi....
Se vedete l'allegato potete vedere il risultato dei miei sforzi...il problema è che la sezione del "testo" si sovrappone al menu...io vorrei invece che iniziasse subito sotto di esso....la sezione "news" invece dovrebbe essere esattamente in linea accanto al testo e non formare quello scalino....questo è il mio codice e il css.
Dove ho sbagliato? Grazie a tutti!

<body>
<div id="contenitore">
<div id="testata">testata</div>
<div id="contenuto">
<div id="lavori">lavori</div>
<div id="menu">menu</div>
<div id="testo">testo</div>
<div id="news">news</div>
</div>
<div id="footer">footer</div>
</div>
</body>

--------------
CSS
body{
text-align: center;
}

div#contenitore{
width: 775px;
margin: 0px auto;
text-align: left;
}

#testata {
background : #EBF4FB;
height : 157px;
margin : 0px;
}

#contenuto {
background : #F5E8BF;
margin : 3px 0px 0px 0px;
height : 610px;
}

#lavori {
background : #FFC200;
width : 174px;
float: left;
height : 400px;
}

#menu {
background : #FF0000;
height : 77px;
width : 599px;
float: right;
}

#testo {
background : #0E66C2;
width : 395px;
margin-left: 175px;
display : block;

}

#news {
background : #C9DDF2;
width : 204px;
float: right;
height : 323px;
}

#footer {
background : #FFCC33;
height : 10px;
}