[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>

[krzysztof_kf]

Kod

<style type="text/css">
  #column {
  width: 1000px;
  margin: 0 auto;
  }
  
  #column-left {
  width: 200px;
  float: left;
  }
  
  #column-center {
   width: 500px;
   float: left;
   }
  
  #column-right {
   width: 300px;
   float: left;
   }
  </style>

i potem odwołanie do css

<div id="column">
<div id="column-left">
jakaś tam zawartość
</div>

<div id="column-center">
jakaś tam zawartość
</div>

<div id="column-right">
jakaś tam zawartość
</div>

Ten post edytował krzysztof_kf 17.02.2010, 17:43:10