Hallo zusammen,
habe mich als Laie an eine Tabelle gewagt mit unterschiedlich großen Zellen in jeder von drei Zeilen. Hat soweit geklappt.
Problem: Zwischen der Seitenüberschrift und der Tabelle (sie ist der einzige Inhalt auf der Seite) befindet sichein riesiger Abstand.
Habe jede Zeile einzeln probiert, überall dasselbe.
Wer etwas weiß, gib mir bitte den richtigen Tipp. Hier ist mein HTML, die drei Zeilen habe ich deutlich voneinander getrennt.
HTML
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<!-- Erste Zeile Tabellencontent //-->
<tr valign="top" >
<!-- Spalten 1-3: 20% 1% 19% //-->
<td colspan="3 40%" width="40%" height="150" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 4: 1% //-->
<td width="1%" height="150" ></td>
<!-- Spalte 5: 19% //-->
<td valign="bottom" width="19%" height="150" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 6: 1% //-->
<td width="1%" height="150" ></td>
<!-- Spalten 7-9: 19% 1% 19% //-->
<td valign="bottom" colspan="3 39%" width="39%" height="150" style="background-color: #F3F6EE;">Text</td>
</tr>
<!-- Zwischenabstand //-->
<tr height="5"></tr>
<!-- Zweite Zeile Tabellencontent //-->
<tr valign="top" >
<!-- Spalte 1: 20% //-->
<td width="20%" height="150" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 2: 1% //-->
<td width="1%" height="150" ></td>
<!-- Spalten 3-5: 19% 1% 19% //-->
<td colspan="3 39%" width="39%" height="150" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 6: 1% //-->
<td width="1%" height="150" ></td>
<!-- Spalten 7-9: 19% 1% 19%//-->
<td colspan="3 39%" width="39%" style="background-color: #F3F6EE;" height="150">Text</td>
</tr>
<!-- Zwischenabstand //-->
<tr height="5" ></tr>
<!-- Dritte Zeile Tabellencontent //-->
<!-- Spalten 1-3: 20% 1% 19% //-->
<td colspan="3 40%" width="40%" height="150" valign="top" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 4: 1% //-->
<td width="1%" height="150" ></td>
<!-- Spalte 5: 19% //-->
<td width="19%" height="150" valign="top" align="center" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 6: 1%//-->
<td width="1%" height="150" ></td>
<!-- Spalte 7: 19% //-->
<td width="19%" height="150" valign="top" align="center" style="background-color: #F3F6EE;">Text</td>
<!-- Spalte 8: 1%//-->
<td width="1%" height="150" ></td>
<!-- Spalte 9: 19% //-->
<td width="19%" height="150" valign="top" align="center" style="background-color: #F3F6EE;">Text</td>
</tr>
</tbody>
</table>Danke für Eure Hilfe
Gruß - Jürgen