stolat: Tabellen springen nicht ganz zur nächsten Zeile

Beitrag lesen

Hi,

ich versuche seit Stunden einige Tabellen nebeneinander darzustellen und am Fensterrand normal umbrechen zu lassen.

mit dem

.xxxx { float:left }

funktionert es halbwegs. Das Problem ist, dass die Tabellen beim Umbruch nicht gänzlich in die nächste Zeile springen, sondern nur unter das nächslinksliegende Objekt.... schwer zu erklären daher hier der Code:
---------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.x { float:left }
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<table class="x" width="1"><tr><td>
<img src="test.jpg" width="117" height="150" >
viel text viel text viel text viel text viel
text viel text viel text viel text viel text
viel text viel text xt viel text viel text
viel text viel text viel text viel text viel
text viel text viel text viel text
</td></tr></table>

<table class="x" width="1"><tr><td>
<img src="test.jpg" width="117" height="150" >
viel text viel text viel text viel text viel
</td></tr></table>

<table class="x" width="1"><tr><td>
<img src="test.jpg" width="117" height="150" >
viel text viel text viel text viel text viel
text viel text viel text viel text viel text
viel text viel text xt viel text viel text
viel text viel text viel text viel text viel
text viel text viel text viel text
</td></tr></table>

</body>
</html>
-----------------------------------------

Ich könnte es lösen indem ich alle Tabellen gleich hoch mache, aber die Höhe hängt von der Fontgröße ab und daher möchte ich sie flexibel lassen.

Ich bin für jede Hilfe dankbar.
Gruss, Stolat