Probleme mit dem Layout

Hallo Freunde

Ich habe für meine Webseite das Layo erstellt. Jetzt stehe ich vor dem Problem, wenn ich das Fenster minimiere rutscht der Fußbereich meiner Webseite nach oben. Ich habe mich schon belesen z.B in Büchern oder andere Foren. Da bin ich auf die Begriffe max-Hight und Min-Hight gestoßen. Dieser Befehl hat mir geholfen das die angezeigten Informationen in den einzelnen Bereichen bleiben wie gewünscht aber nicht nicht das beschriebene Problem gelöst. Kann mir da jemand helfen.

[code <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bewerbungs Homepage von Christian Prediger</title>
<meta name="author" content="Christian Prediger"/>
<style type="text/css">

html, body, h1 {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; position: static;}

#kopf
{
height:11px;
background-color: sandybrown;
min-height:62px;
}

#navi
{
height:722px;
width: 120px;
float: left;
background-color: moccasin;
min-height:100px;
}

#name
{
height:722px;
width: 70px;
float: left;
background-color: blue;
min-height:100px;
}

#inhalt
{
height:750px;
background-color: white;
min-height:100px;
}

#rechts
{
height:722px;
width: 190px;
float:right;
background-color: moccasin;
min-height:100px;
}

#fuß
{
height:5px;
width:1500px;
clear: both;
position: absolute;
bottom: 0;
background-color: sandybrown;
min-height:50px;
}

.menu
{
position:absolut;
margin-left:674px;
font-family: Arial, sans-serif;
font-size: 16px;
}

.Leistungen
{
position:absolut;
margin-left: 205px;
margin-bottom:3px;
font-family: Arial, sans-serif;
font-size: 16px;
}

#Zähler
{
margin-left:500px;
margin-top:1.5%;
}

.menu a
{
text-decoration:none;
}

.Leistungen a
{
text-decoration:none;
}

</style>

</head>

<body>

<!-- kopf start -->
<div id="kopf">
<div class="menu">
<a href="home.html">Home &diams;</a>
<a href="kontakt.html">Kontakt &diams;</a>
<a href="impressum.html">Impressum &diams;</a>
<a href="sitemap.html">Sitemap</a><br><br>
</div>

<div class="Leistungen">
<a href="lebenslauf.html">Lebenslauf &diams;</a>
<a href="qualifikation.html">Qualifikationsprofil &diams;</a>
<a href="ausbildung.html">Ausbildungsdetails &diams;</a>
<a href="taetigkeit.html">Gesuchte Tätigkeit</a>
</div>
</div>
<!-- kopf ende -->

<!-- navi start -->
<div id="navi">
</div>
<!-- navi ende -->

<!-- navi name -->
<div id="name">
</div>
<!-- name ende -->

<!-- rechts start -->
<div id="rechts">
</div>
<!-- rechts ende -->

<!-- inhalt start -->
<div id="inhalt">
</div>
<!-- inhalt ende -->

<!-- fuß start -->
<div id="fuß">
<div id="Zähler">
<a id="371154" href="http://www.gratis-besucherzaehler.de">Homepage
Besucherzähler</a>
<script type="text/javascript" language="JavaScript"
src="http://www.gratis-besucherzaehler.com/counter_js.php…371154&style=11">
</script>
</div>
</div>
<!-- fuß ende -->
</body>

</html>

[/code]

Danke

Hallo

ich habe gar keine Vorlagen genutzt. Hab mir über Designs im Netz im Vorfeld informiert und habe dann selber mit css und HTML selber was erstellt mit xamp teste ich das aussehen. Für eine www Adresse soweit bin ich noch nicht.