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

Beitrag lesen

Om nah hoo pez nyeetz, Subsurf!

Aber ... daher klappt das mit dem direkt-in-den-Body schreiben nicht.

Doch, muss halt der Header etwas anders positioniert werden. Auf diese Weise könnte er auch im Quelltext nach unten wandern, falls der Inhalt wichtiger als der Header 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: 200px auto 0; width: 800px; height: 100%; background-color: #cccccc;}
	 #header { position: absolute; width: 100%; top: 0; left: 0; height: 200px; background-color: red;}
     </style>
  </head>
  <body>
    <h1>Seitenüberschrift</h1>
	<p>Text</p>
	<div id="header">Header</div>
</body>
</html>

Matthias

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