Hi,
ich habe eine html seite die so aufgebaut ist:
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
sprich ich habe 3 divs und in jedem tief mindestens eine tabelle.
jetzt zu problem, die 3 tabellen im ersten div sollen nebeneinander dargestellt werden, die anderen divs darunter. Ansich kein problem.
table{display: inline;}
div{float: none;}
wenn ich table{float:left} mache setzt er mir das 2te div nebendrann.
bei table{display: inline;} hab ich im FF einen grauen balken in der untersten zeile der tabelle, im IE nicht.
Hoffe mein problem ist klar, ich habe die wahl zwischen:
- im FF nen greuen balken
- 2tes div rechts nebendran
Beide möglichkeiten sind meines erachtens nicht akzeptabel aber ich finde keine lösung, hilfe!
MfG