10 tabels ved siden af hinanden

hvad kender du til HTML, du kender godt det med <tr> og <td> ik

lad os se noget kode

<table style='width:100%'>
<tr>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
</tr>
</table>

Ja jeg kender godt til <tr> og <td>..
Men jeg har 10 tabeller der ser sådan her ud:
<table border="0" cellpadding="0" cellspacing="1"  width="100" height="100">  <tr>
    <td width="100%" bgcolor="#FF00FF">&nbsp;</td>
  </tr>
</table>

men de bliver lavet under hinanden..
De skal være ved siden af hinanden..
Men hvis siden bliver åbnet i eks 800*600 så kan de ikke være ved siden af hinanden og skal derfor automatisk laves i 3 linjer.. altså dynamisk..

Hvis du vil have dem ved siden af hinanden, kan du jo ligge dine tabeller ind i en anden tabel.

Jeg er bare ikke sikker på jeg forstår hvorfor du ikke ligger det hele i en tabel.

<html>
<body>
<table border='1' style='width:100%'>
<tr style='height:100px'>

<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>
<td style='width:100px'>et eller andet</td>

</tr>
</table>
</body>
</html>

med hensyn til skærmopløsning kan du bruge javascript til at identificere den

<html>
<body>
<script type="text/javascript">
document.write("SCREEN RESOLUTION: ")
document.write(screen.width + "*")
document.write(screen.height + "<br>")
document.write("AVAILABLE VIEW AREA: ")
document.write(window.screen.availWidth + "*")
document.write(window.screen.availHeight + "<br>")
document.write("COLOR DEPTH: ")
document.write(window.screen.colorDepth + "<br>")
</script>
</body>
</html>

fandt selv løsningen...