Hogyan lehet ezt megoldani?

<table border="0" width="100%">

<tr><td colspan="3"><CENTER>egy egész sor, gondolom a menünek</CENTER></td></tr>

<tr><td><CENTER>Világbajnokság állása</CENTER>

<br>

<CENTER><table>

<tr>

<td>Hely</td>

<td>Pilóta</td>

<td>Pont</td>

</tr>

<tr>

<td>1</td>

<td>Sebastian Vettel</td>

<td>374</td>

</tr>

<tr>

<td>2</td>

<td>Jenson Button</td>

<td>255</td>

</tr>

<tr>

<td>3</td>

<td>Fernando Alonso</td>

<td>245</td>

</tr>

<tr>

<td>4</td>

<td>Mark Webber</td>

<td>233</td>

</tr>

<tr>

<td>5</td>

<td>Lewis Hamilton</td>

<td>227</td>

</tr>

</table>

<br>

<tr><td><CENTER>csapatilágbajnokság állása</CENTER>

<br>

<CENTER><table>

<tr>

<td>Hely</td>

<td>Pilóta</td>

<td>Pont</td>

</tr>

<tr>

<td>1</td>

<td>Sebastian Vettel</td>

<td>374</td>

</tr>

<tr>

<td>2</td>

<td>Jenson Button</td>

<td>255</td>

</tr>

<tr>

<td>3</td>

<td>Fernando Alonso</td>

<td>245</td>

</tr>

<tr>

<td>4</td>

<td>Mark Webber</td>

<td>233</td>

</tr>

<tr>

<td>5</td>

<td>Lewis Hamilton</td>

<td>227</td>

</tr>

</table>

</td><td>

<CENTER>köszöntelek!</CENTER>

<p><CENTER>Ezt az oldalt azért hoztam létre hogy legyen mit nézni az F1 rajongóknak.</CENTER></p>

<p><CENTER>Lesz majd mindenféle info meg minden amit akarsz</CENTER></p></td>

<td>harmadik hasáb</td>

</tr>

</table>

pontosabban pls amolyan itthoni tanuló vok XD itt a kód mit kell átírni:

div {

position: relative;

top: 0px;

left: 0px;

overflow: hidden;

padding: 0px;

margin: 0px;

}

div.tavtarto {

width: 0px;

height: 550px;

float: left;

}

div.full_oldal {

width: 1000px;

margin: 0px auto 0px auto;

}

div.full_content {

width: 1000px;

}

div.bal_oszlop {

width: 150px;

float: left;

}

div.kozepso_oszlop {

width: 700px;

float: left;

}

div.jobb_oszlop {

width: 150px;

float: left;

}