tabelle e div

[moribura]

Ciao,

ho questo codice che dovrebbe creare tabelle con i div. Ha però un problema, se una cella ha troppo testo si sovrappone a quella sotto, a differenza di quanto accade con le vere tabelle. Potete aiutarmi a risolverlo...

Grazie

<style type="text/css">
body {
text-align: left;
margin: 0px;
padding: 0px;
}

#container {
position: relative;
}

#container div {
border: 1px solid black;
}

.cella1 {
position: absolute;
width: 100px;
height: 10px;
left: 0px;
border: 0px;
}

.cella2 {
position: absolute;
width: 100px;
height: 10px;
left: 102px;
}

.cella3 {
position: absolute;
width: 100px;
height: 10px;
left: 204px;
}

.cella4 {
position: absolute;
width: 200px;
height: 10px;
left: 306px;
}

</style>

<div id="container">
<div class="cella1" style="top: 0px;">ASsSsSas A </div>
<div class="cella2" style="top: 0px;">as SAsa</div>
<div class="cella3" style="top: 0px;">saaSAsAS</div>
<div class="cella4" style="top: 0px;">asaSAtyut u tu tryu rtyu rtyu rtyu rtyu tryu rtyu rtyurtyuasASAas Q rtyrye r rety ry ert</div>

<div class="cella1" style="top: 50px;">ASsSsSas A </div>
<div class="cella2" style="top: 50px;">as SAsa</div>
<div class="cella3" style="top: 50px;">saaSAsAS</div>
<div class="cella4" style="top: 50px;">asaSAasASAas Qety ry ert</div>
</div>

[Mich_]

Errore 1. Stai usando i <div> per creare una tabella: e` un errore semantico; per visualizzare tabelle (che hanno relazione di riga e colonna) va usato il tag <table>

Errore 2. Stai usando i posizionamenti assoluti, senza saperli usare: i posizionamenti sono una delle cose piu` complesse da usare, e di solito si possono evitare; meglio usare i float, molto piu` semplici da gestire.

[moribura]

ma io ho usato volutamente i div al posto del tag table voglio meno codice