div mindestens so hoch wie eine Tabellenzelle
olliver
- css
Hi.
In einer normalen HTML-Tabelle habe ich zwei Spalten, die erste hat 3 Zellen, die Zweite nur eine:
__________________________
| | |
|____| |
| | |
|____| |
| | |
|____|_____________________|
in der großen zelle rechts ist ein div. Doch dies ist so hoch wie sein Inhalt, ich möchte aber, dass er immer so groß ist wie die Tabellenzelle. Wenn der Inhalt aber über die Höhe des divs hinausgeht, soll es mitwachsen.
Ich weiß, das CSS-Attribut heißt min-height. Doch wie bekomme ich das hin? Habe es schon mit min-height:100%; versucht (davor natürlich auch die Tabellenhöhe auf 100% gesetzt), habe auch schon height:100%; versucht - alles vergebens.
Wie bekomme ich das div also mindestens auf Zellenhöhe?
danke euch, euer olli
vielleicht gibt es bessere lösungen, meine vorschlag sehe so aus:
<table style='vertical-align:top;'>
<tr>
<td>1.spalte links</td>
<td rowpan='3' style='vertical-align:top;'>
<div style='width:100%; height:100%; vertical-align:top;'>
<div style='width:100%; height:34%;'>inhalt</div>
</div></td>
</tr>
<tr>
<td>2.spalte links</td>
</tr>
<tr>
<td>3.spalte links</td>
</tr>
ob es damit geht, kannst du hier hinterlassen.