div al posto di tabelle

[simones70]

Salve, vorrei sapere come poter realizzare senza tabelle l'effetto prodotto dal seguente codice

------------------------------------------------------------------------------------
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="93">
<tr>
<td width="33%" height="93"><div align="center">Registrazione

</div></td>
<td width="33%" height="93"><div align="center">Login

</div></td>
<td width="34%" height="93"><div align="center">Directory

</div></td>
</tr>
</table>
------------------------------------------------------------------------------------
grazie!

[Francis87]

CSS

div#main {
 width: 100%;
 height: 93px;
 padding: 0px;
}
div.cell {
 float: left;
 width: 33%;
 height: 93px;
 text-align: center;
 font-weight: bold;
}
div.cell img {
 margin-left: auto;
 margin-right: auto;
 border: 0px;
 width: 57px;
 height: 57px;
}

XHTML

<div id="main">
 <div class="cell"><span>Registrazione</span>
</div>
 <div class="cell"><span>Login</span>
</div>
 <div class="cell"><span>Directory</span>
</div>
 <div style="clear: both;"></div>
</div>