Höhe von Zellen in Tabelle
Flix
- design/layout
Hallo miteinander!
Ich möchte die tabelle so darstellen, dass die zelle
"spacer" auf der linken seite zB. nur 30 pixel hoch ist,
die zelle "nav" drunter aber den rest der höhe einnimmt.
bei mozilla 1.4 werden aber beide zellen gleich hoch.
was mache ich falsch?
danke & gruss
flix
------
<html>
<head>
<title>table test</title>
</head>
<body>
<table border="2">
<tr><td>header</td></tr>
<tr>
<td height="1">spacer</td>
<td height="99%" rowspan="2">content<br>content<br>content<br>content<br>content<br>content</td>
</tr>
<tr>
<td height="99%">nav</td>
</tr>
<tr>
<td colspan="2">status</td>
</tr>
</table>
</body>
</html>
Hi,
was mache ich falsch?
a) Du versuchst, relative und absolute Größen zu kombinieren. Das geht schief.
b) Du gibst eine Höhe relativ zu einem Objekt an, dem Du keine Höhe gegeben hast, und das daher nur die zwingend benötige Höhe besitzt.
c) Du gibst Zellen einer Zeile, die also absolut identisch hoch sein _werden_, unterschiedliche Höhen. Wasch mich, aber mach mich nicht nass.
Cheatah
Hallo,
ich frage mich, warum Du nicht mit CSS arbeitest? Damit kannst Du viel präziser Tabellenhöhen und -breiten formatieren. Schau mal in selfhtml unter CSS nach!
Man sollte ohnehin versuchen, Design und Formalia, sauber durch CSS bzw. html zu trennen. Die Höhe von irgendetwas ist eindeutig eine Gestaltungssache und sollte daher ausschließlich mit CSS gemacht werden.
Ich weiß, dass in alten html-Versionen diese Trennung nicht zwingend erforderlich ist. Um aber auch in neueren html-Versionen zu arbeiten, sollte man sich diese sauberen Stil unbedingt angewöhnen.
Grüße, Igor