layout con CSS

[dangeluma]

Salve a tutti!
Ho un problema sul mio primo esperimento di layout table-less.. Effettivamente costruire senza tabelle ma con i div è tutta un'altra cosa! Purtroppo però, non riesco a risolvere il problema che ora vi espongo con l'aiuto dell'immagine che ho allegato.
Dunque, io vorrei realizzare un layout come rappresentato nel file. Il problema nasce in quanto vorrei che il div "sx_inf" rimanesse sempre allineato in fondo sulla stessa linea del div "content" qualunque sia l'altezza di quest'ultimo. Ho fatto una marea di prove ma il risultato è spesso decisamente negativo!

Il file html l'ho strutturato così:

<div id="container">
<div id="header"></div>
<div id="center">
<div id="sx_sup"></div>
<div id="sx_inf"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
</div>

Vi prego, aiutatemi!Mi sono innamorato di questa tecnologia e voglio riuscire ad abbandonare le mie vecchie tabelle!
Ciao

[haZe]

Hai provato a posizionare il div sx_inf relativamente in basso a sx rispetto al suo container (ovvero center)?

[dangeluma]

Grazie per avermi risposto!
Ho impostato così:

div#center{position: relative;
width: 700px}

div#sx_sup{position: relative;
top: 0px; left: 0px;
width: 130px;\width:130px;w\idth:130px}

div#sx_inf{position: relative;
bottom: 0px; left: 0px;
width: 130px;\width:130px;w\idth:130px}

div#content{position: relative;
top: 0px; right: 0px; bottom: 0px; left: 170px;
width: 500px;\width:500px;w\idth:500px;}

ho impostato sutto su "relativo" ma la posizione risulta sballata, ovvero il div "contet" si piazza spostato a destra sotto la linea inferiore del div "sx_inf" mentre il div "sx_sup" è l'unico posizionato corretamente.

[dangeluma]

up

[dangeluma]

Nessuno sa dirmi se è almeno possibile fare quello che ho pensato?

[dangeluma]

Mi auto rispondo dato che ho risolto e potrebbe servire a qualcuno in futuro.. in pratica ho utilizzato la proprietà margin-top impostando un valore negativo e inserendo il div sx_inf all'interno del footer. In questo modo il al variare della lunghezza della pagina il div rimane sempre alla stessa distanza dal div che lo contiene.