Bobby: table height=100% und Zeilenhöhen fest defnieren!?

Beitrag lesen

Moin

Aber wenn ich jetzt einen Div haben möchte der 100px hoch ist welcher ganz oben ist, einen der 50px hoch ist und ganz und ist, und einen dazwischen der die restliche Bildhöhe einnimmt?

Dazu würde ich mit folgender Struktur lösen:

<div id="container" style="height:100%;position:relative;">
    <div id="top" style="height:100px">
         Der Top-DIV
    </div>
    <div id="content">
         Der Inhalts-DIV
    </div>
    <div id="footer" style="position:absolute;bottom:0px;left:0px;">
         Der Footer-DIV
    </DIV>
</div>

über den Containberdiv kannst du das Hintergrundbild für den Content-Div, der ja nun kürzer ist, regeln.

Einfach mal um die Ecke in Boxen und Ebenen denken!

Gruß Bobby

--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)