[HTML] Jak zapisać to w blokach DIV z table Opcje

[Tom:-)]

Parę lat temu kiedy jeszcze mama chodziła na wywiadówki tworzono strukturę strony za pomocą <table>. Od tamtego momentu minęło duuuużo czasu i się wiele pozmieniało.

Pytanie jest moje takie jak mam zapisać poniższy kod za pomocą bloków div? Mógł by mi ktoś to prze konwertować żeby zrozumiał filozofię div i nie tylko (...)

Kod

<div align="center">
    <table border="1" width="800" cellspacing="0" cellpadding="0" height="100" id="table1">
        <tr>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>
<div align="center">
    <table border="1" width="800" cellspacing="0" cellpadding="0" height="100%" id="table2">
        <tr>
            <td width="150">&nbsp;</td>
            <td>&nbsp;</td>
            <td width="150">&nbsp;</td>
        </tr>
    </table>
</div>
<div align="center">
    <table border="1" width="800" cellspacing="0" cellpadding="0" height="150" id="table3">
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>

[altruista2]

Pytanko: Czemu nie zostawisz tabelek? Co złego w tabelkach?

Poza tym mogłeś po prostu zamienić
<table> na <div style="display:table">
<tr> na <div style="display:table-row">
<td> na <div style="display:table-cell">

(IMG:style_emoticons/default/biggrin.gif)