apsel: <div>-Block der sich bis Bildschirmunterkante erstreckt

Beitrag lesen

Om nah hoo pez nyeetz, Subsurf!

Hallo allerseits,

ich denke dieses Problem dürfte altbekannt sein, ich weiß nur nicht wonach ich googeln soll (das wonach ich gegoogelt habe führte zu nichts hilfreichem).

möglicherweise suchst du ein zweizeiliges Layout mit header und content

Bsp.: Ich habe einen <div>-Block mit fester und darunter einen zweiten mit variabler Höhe, wobei sich der zweite mindestens bis zur Bildschirmunterkante erstrecken soll, sofern der Inhalt nicht so weit reicht und größer werden soll, sobald der Inhalt über die Unterkante hinausgeht.

Dann brauchst du den zweiten Container nicht sondern schreibst den Inhalt direkt in den Body, falls meine Annahme mit der Layout-Vorstellung richtig ist.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="de">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>header-layout</title>
    <style type="text/css">
	 html    { height: 100%; padding: 0; background-color: #333333;}
	 body    { margin: 0 auto; width: 80%; height: 100%; background-color: #cccccc;}
	 #header { height: 200px; background-color: red;}
     </style>
  </head>
  <body>
    <div id="header">Header</div>
    <h1>Seitenüberschrift</h1>
	<p>Text</p>
</body>
</html>

Matthias

--
http://www.billiger-im-urlaub.de/kreis_sw.gif