3-Zeilen-Layout, Mitte fest

[Chris F]

Guten Tag,

ich versuche ein 3-Zeilen-Layout, in der die mittlere Zeile eine feste Höhe hat, zu erstellen. Die obere und untere Zeile sollen jeweils 50% des restlichen Platzes einnehmen. Gesamthöhe des Layouts: 100%. Bin für jede Hilfe (gerne auch per CSS) dankbar.

------------------------------
+        50% vom Rest        +
+-----------------------------
+         feste Höhe         +
+                            +
+                            +
+                            +
+                            +
+----------------------------+
+        50% vom Rest        +
+----------------------------+

Gruß,
Chris

[Michelle]

Hi Chris

<table width="100%" style="height: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td height="50%" bgcolor="#0000CC">&nbsp;</td>
</tr>
<tr>
  <td height="100" bgcolor="#00CCFF">&nbsp;</td>
</tr>
<tr>
  <td height="50%" bgcolor="#0033FF">&nbsp;</td>
</tr>
</table>

Gruss,
Michelle

Guten Tag,

ich versuche ein 3-Zeilen-Layout, in der die mittlere Zeile eine feste Höhe hat, zu erstellen. Die obere und untere Zeile sollen jeweils 50% des restlichen Platzes einnehmen. Gesamthöhe des Layouts: 100%. Bin für jede Hilfe (gerne auch per CSS) dankbar.

---

+        50% vom Rest        +
+-----------------------------
+         feste Höhe         +
+                            +
+                            +
+                            +
+                            +
+----------------------------+
+        50% vom Rest        +
+----------------------------+

Gruß,
Chris

[Chris F]

Vielen Dank euch beiden.

Gruß,
Chris

[Schuer]

Bin für jede Hilfe (gerne auch per CSS) dankbar.

wahrscheinlich hilft dir eine Konstuktion wie diese in leicht abgewandelter Form weiter, siehe Beispiel ganz unten.

Viele Grüße!
_Dirk
DECAF°