nicht angemeldet
Hallo,
Das Problem ist schnell erklärt wenn man sich das Beispiel ansieht.
Ich will, dass sich der Grüne bereich bis nach unten erstreckt, und zwar soll da, wo im Moment die 500px als Höhenangabe stehen (Die Tabelle ist mit Kommentaren markiert) ein dynamischer Wert rein. Sobald ich 100% einfüge verschwindet die Tabelle komplett; Kann sein, dass 100% da das völlig falsche sind, ich bin noch ziemlich neu. Später soll dann auch noch die 800px angabe der Haupttabelle dynamisch werden bzw. wegfallen, aber das nur nebenbei.
http://fteamplay.ft.funpic.de/Baer-Design/Ipp/Seite1.html
Ein Workaround hab ich mir schon ausgedacht, aber ich will lernen.
Und bitte nicht über schlechten Code schimpfen, das hier is nur eine Problem-Demo:
<body>
<table border="0" cellspacing="0" cellpadding="0" style="width:400px; height:800px">
<tr valign="top" style="height:100%">
<td>
<!-- DAS HIER -->
<table border="0" cellspacing="0" cellpadding="0" style="width:400px; height:500px">
<!-- Ist die Tabelle um die es geht, bzw. um die height:500px -->
<tr valign="top" style="height:200px; background-color:red">
<td><div style="width:400px; height:200px; background-color:red">LOREM IPSUM</div></td>
</tr>
<tr valign="top" style="height:100%">
<td><div style="width:400px; height:100%; background-color:green">DOLOR SIT AMET</div></td>
</tr>
</table>
</td>
</tr>
</table>
</body>