Ciao…

Esempio: ESEMPIO

Ho provato in tutti i modi a mettere height:100% in tutte i div, ma senza risultati…
Vorrei far si che, indistintamente dal contenuto, i tre riquadri che vedete nell’esempio siano allineati tutti allo stesso livello… cioè: se a destra c’è più testo a sinistra e al centro il border venga allineato come a destra…

L’esempio di questa pagina dovrebbe farvi capire meglio.
Esempio: ESEMPIO
Sopra è riportato come risulta con il codice…nella gif sotto come mi piacerebbe fosse…

Grazie a tutti

Codice CSS che trovate anche nel htm:

html, body {margin:0px;padding:0px;text-align: center; }
#header {height:40px; background-color:#993300; width:760px;}
#contenuto {width:760px; background-color:#fff;}
#sinistra {width: 160px; float:left; border: 1px solid #ccc;}
#centro {width: 280px; float:left; border: 1px solid #ccc;}
#destra {width: 280px; float:left; border: 1px solid #ccc;}
.clear {clear:left;}
#footer {height:40px; background-color:#993300; width:760px;}
#esempio { background-image: url(esempio.gif); width:622px; height:200px; background-repeat: repeat-no;}

Codice HTM:
<div id="header"></div>
<div id="contenuto">
<div id="sinistra">sinistra</div>
<div id="centro"> centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro </div>
<div id="destra"> destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra destra </div>
</div>
<div class="clear"></div>
<div id="footer"></div>
<div id="esempio"></div>