Lenzoi: Lösung

Beitrag lesen

Hallo!

Anbei noch die Lösung:

#header{
 position:absolute;
 top:0px;
 width:100%;
 height:100px;
 overflow:hidden;
}

#footer{
 position:absolute;
 bottom:0px;
 width:100%;
 height:100px;
 overflow:hidden;
}

#content{
 position:absolute;
 top:100px;
 bottom:100px;
 width:100%;
 overflow:auto;
}

Ich war auch schon knapp dran, nur wusste ich nicht, dass sich durch top und bottom die Höhe eingrenzen lässt - ich hätte gedacht, die beiden heben sich auf.

Einen Schönheitsfehler gibt es allerdings: Wenn sich im Content eine Tabelle befindet, die einen Overflow erzeugen müsste, geht das zwar in jedem vernünftigen Browser, nur der IE7 (und ev. auch frühere Versionen?) checkt es nicht - einen leeren Absatz (o.ä.) hilft.

LG,
Lenzoi