Gunther: Element am unteren Rand des viewports positionieren

Beitrag lesen

Hallo!

newbie-Frage:
ich soll ein Layout bauen, das genau den viewport füllt.
Oben ein Header, unten ein footer, in der  mitte soll ein element flexibel den verbleibenden platz nutzen.

  
html,body {height: 100%;}  
#header {height: 20%;}  
#main {height: 60%;}  
#footer {height: 20%;}  

  
<body>  
   <div id="header">...</div>  
   <div id="main">...</div>  
   <div id="footer">...</div>  
</body>  

Das dürfte aber wohl kaum die Aufgabe, bzw. das gewünschte Ergebnis sein ...! ;-)
Vermutlich soll das Layout_mindestens_den Viewport (in voller Höhe) ausfüllen.

hab verschiedene suchen probiert, aber nix passendes gefunden.

Wonach hast du denn gesucht?
Probier's mal mit "sticky footer", da ich davon ausgehen würde, dass das deinem eigentlichen Anliegen entspricht.

Gruß Gunther