Supportnet / Forum / Webseiten/HTML
Zellenhöhe innerhalb einer Tabelle
Frage
Ich habe ein kleines Problem bei der Fixierung der Höhe einer Tabellenzelle. Dazu mal beispielhaft der Quelltext:
[code]
<html>
<head>
<title>tabtest</title>
</head>
<body>
<!-- Beginn der Tabelle -->
<table border>
<tr>
<td height="50">Zelle 1<br>Höhe = 80 Pixel</td>
<td height="300" rowspan="2">Zelle 3<br>Höhe = 300 Pixel</td>
</tr>
<tr>
<td>Zelle 2<br>Höhe dynamisch</td>
</tr>
</table>
<!-- Ende der Tabelle -->
</body>
</html>
[/code]
Ich möchte, dass Zelle 1 immer eine feste Höhe von 80 Pixeln hat, unabhängig davon, wie hoch Zelle 3 ist. Es müßte doch gehen, dass die Zelle 1 in der Höhe konstant bleibt und sich nur Zelle 2 anpaßt. Tatsächlich aber vergrößern sich in dem obigen Beispiel die Zellen 1 und 2.
Die Möglichkeit, Zelle 2 und 3 feste Werte zuzuweisen, ist leider nicht praktikabel, da die Höhe von Zelle 3 abhängig vom Inhalt variiert und daher sich Zelle 2 dynamisch anpassen sollte.
Wer weiß Rat?
Antwort 1 von asok
Das Problem ist halt, daß Zelle 1 und 3 in einer Zeile liegen. Erste Idee ist, das mit einer zweiten Tabelle zu lösen, also etwa so:
Ich hab's mit dem IE und mit Mozilla getestet, und es scheint zu funktionieren.
<!-- Beginn der Tabelle -->
<table border ="1">
<tr>
<td>
<table border="1">
<tr>
<td height="50">Zelle 1<br>Höhe = 80 Pixel</td>
</tr>
<tr>
<td height="900" rowspan="2">Zelle 2<br>Höhe = 300 Pixel</td>
</tr>
</table>
</td>
<td>Zelle 3<br>Höhe dynamisch</td>
</tr>
</table>
<!-- Ende der Tabelle -->
</body>
</html>
Ich hab's mit dem IE und mit Mozilla getestet, und es scheint zu funktionieren.
Antwort 2 von sutadur
Die Lösung mit einer zweiten Tabelle würde wohl funktionieren, fällt aber im konkreten Fall leider aus. Über den Zellen 1 und 3 erstreckt sich nämlich noch eine weitere Tabellenzeile mit einer Zelle, was aus meiner ersten Fragestellung nicht hervorgeht. Ich habe den Quelltext mal entsprechend ergänzt und die Zelle 0 ergänzt:
Aber ich probiere trotzdem nochwas aus in Richtung "verschachtelter Tabelle", hoffe aber dennoch, auch eine andere Lösung für mein Problem zu finden. Also würde ich mich über weitere Beiträge freuen! :o)
<!-- Beginn der Tabelle -->
<table border>
<tr>
<td colspan="2">Zelle 0 über die komplette Breite</td>
</tr>
<tr>
<td height="80">Zelle 1<br>Höhe = 80 Pixel</td>
<td height="300" rowspan="2">Zelle 3<br>Höhe = 300 Pixel</td>
</tr>
<tr>
<td>Zelle 2<br>Höhe dynamisch</td>
</tr>
</table>
<!-- Ende der Tabelle -->
Aber ich probiere trotzdem nochwas aus in Richtung "verschachtelter Tabelle", hoffe aber dennoch, auch eine andere Lösung für mein Problem zu finden. Also würde ich mich über weitere Beiträge freuen! :o)