Thomas J.: Box-height

Beitrag lesen

Na gut, nichts einfach als das[1].
<div style="position:absolute; left:0; top:158px; bottom:0; width: ...; usw.">inhalt</div>.

[1] Außer, das soll auch im IE funktionieren.
In den Versionen bis 5.5 klappt das definitiv nicht, weil die die Angaben für bottom ignorieren. Was der IE 6 daraus macht, weiß ich nicht. Ich habe im Moment keinen IE zur Hand.

Soll das auch im IE funktionieren, kommst Du um ein paar Klimmzüge wahrscheinlich nicht herum. So z.B.:

html, body {width:100%; height:100%, margin:0; padding:0}
#box2 {position:absolute; left:0; top:0; height:100%}
blinddiv {height:158px; width:100%; margin:0; padding:0}

nebst

<div id="box1">
 <div id="blinddiv"></div>
 Restlicher Inhalt
</div>

Das ganze müßte dann so aussehen:

+-------------------+
|+-----------------+|
|| Damit wird der  ||
|| Inhalt um 158px ||
|| nach unten      ||
|| verschoben      ||
|+-----------------+|
| Restlicher Inhalt |
|                   |
.                   .
.                   .
.                   .
|                   |
+-------------------+

Die Konstruktion ist sicher nicht besonders elegant und außerdem mit der heißen Nadel gestrickt, sollt aber auch im IE ihren Dienst tun.

Thomas J.