nicht angemeldet
Hallo zusammen!
Ich versuche meine Page mit einem "Div-Box-Layout" zu gestalten.
Hierzu soll es auch eine "Footer-Box" geben, die an den Content der Seite unten angehängt wird. Falls der Content in der Höhe weniger Platz benötigt wie vorhanden, so soll der Footer die Page auf die Seitenhöhe strecken.
An meinem Doctype möchte ich nichts ändern.
Hier mal mein minimiertes, exemplarisches Script:
die css-datei:
html {width:100%; height:100%; margin:0px; padding:0px;}
body {position:absolute; width:100%; height:100%;
margin:0px; padding:0px;}
/* divs */
#page {position:relative; width:760px; height:auto; min-height:100%;
margin:0px auto; padding:0px;}
(...)
#footer {position:absolute; bottom:0px; width:760px; height:20px;}
die html-datei:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
(...)
<div id="page">
(...)
<div id="footer">
<p>ich bin ein footer</p>
</div>
</div>
(...)
Ich hoffe, ihr könnt mir helfen!
Viele Grüße
Klaus