[HTML] <div> al posto di <table>

[simon78_soft]

Una domanda per ottimizzare il mio sito. Premetto che e' puro html...
Come faccio a sostituire le <table> utilizzando i <div> (e sfruttando le potenzialita' dei css)?
Qualcuno mi sa fare un piccolo esempio di codice di quello che devo inserire nel foglio di stile e come modificare il tag <table> sulla pagina html?

Grazie dell'aiuto! ;)

[Dr_House]

Puoi fare così:

<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: 30px;
left: 0px;
}

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

.cella3 {
position: absolute;
width: 100px;
height: 30px;
left: 204px;
}
</style>

<div id="container">
<div class="cella1" style="top: 0px;"></div><div class="cella2" style="top: 0px;"></div><div class="cella3" style="top: 0px;"></div>
<div class="cella1" style="top: 32px;"></div><div class="cella2" style="top: 32px;"></div><div class="cella3" style="top: 32px;"></div>
<div class="cella1" style="top: 64px;"></div><div class="cella2" style="top: 64px;"></div><div class="cella3" style="top: 64px;"></div>
<div class="cella1" style="top: 96px;"></div><div class="cella2" style="top: 96px;"></div><div class="cella3" style="top: 96px;"></div>
</div>

[simon78_soft]

Grazie mille dell'ottimo suggerimento: semplice e chiaro! :act:

Vedro' di fare qualche test e spero di riuscire nell'impresa di sistemare le pagine del sito... :wall: