Variable Tabellenhöhe (eine Zeile variabel, der Rest fest)
D. Seybold
- html
Habe etwa folgenden Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<table class="middletab" border="1" cellpadding="0" cellspacing="0">
<tr>
<td class="main_menu">
<table class="menutab_m" border="1" cellpadding="0" cellspacing="0">
<tr>
<td class="menu_ub"><img src="../../images/home/menu_ub.jpg" class="menu_ub" alt=""></td>
</tr>
<tr>
<td class="menu_list">
Linke Tabelle
</td>
</tr>
<tr>
<td class="menu_db"><img src="../../images/home/menu_db.jpg" class="menu_db" alt=""></td>
</tr>
<tr>
<td> VARIABLE HÖHE HIER </td>
</tr>
<tr>
<td class="menu_bb"><img src="../../images/home/menu_bb.jpg" class="menu_bb" alt=""></td>
</tr>
</table>
</td>
<td class="middle_content">";
Mittlere Tabelle
</td>
<td class="advert">
Rechte Tabelle
</td>
</tr>
</table>
</body>
</html>
In der CSS-Datei:
.middletab { width:996px; border:0; border-spacing:0px; table-layout:fixed; background-image:url(../images/home/content_bg.jpg); }
.main_menu { width:160px; vertical-align:top; }
.menutab_m { width:160px; height:100%; border:0; border-spacing:0px; table-layout:fixed; }
.menu_ub { width:160px; height:91px; }
.menu_list { width:160px; height:240px; }
.menu_bb { width:160px; height:95px; }
.middle_content { vertical-align:top; text-align:center; }
.advert { width:185px; vertical-align:top; }
So, nun zum Problem:
Da sich die linke Tabelle in einer Untertabelle befindet und die Höhe der äusseren Tabelle von der Höhe der mittleren Tabelle abhängt, deren Inhalt dynamisch erzeugt wird, wollte ich diese anpassen. In der linken Tabelle sind alle Zeilen, bis auf eine, mit Höhenangaben versehen, nun wollte ich es so machen, dass die Zeile ohne Angabe sich in der Grösse anpasst und die anderen Zeilen davon unberührt bleiben (die Tabelle soll insgesamt der Höher der Mittleren entsprechen)
Thx for help.