hallo liebe leute,
bin ziemlich neu hier und ja ich schäme mich, komme gleich mit einer frage auf euch zu 
bin gerade dabei eine homepage herzustellen. habe einen body, der durchgehend und zentriert ist (ist auch das hintergrundbild). der soll sich jeder beliebigen größe eines browsers anpassen, ohne, dass man scrollen muss. des weiteren ist ein wrapper da, der drüber steht und in dem die navi und alles andere drin ist. das problem ist, dass wenn ich den footer einbaue, hängt er immer am wrapper und will nicht zum seitenende.
habe schon versucht einen sticky footer einzubauen, aber irgendwie funktionierts nicht - oder ich shnall es einfach nicht 
falls noch was zum aussetzen ist, kein problem, freu mich über jede kritik!
wäre eeeeecht supertoll und ich wirklich dankbar, wenn mir jemand weiterhelfen könnte! zurzeit befinde ich mich in einer endlosschleife der frustration
danke danke danke!
hier noch der code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RA Nora Kluger</title>
<style type="text/css">
<!--
#wrapper {
height: auto;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 200px;
background-position: center;
width: 865px;
}
#header {
padding: 0px;
height: 52px;
width: 268px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(Bilder/Unbenannt-1_02%20Kopie.gif);
background-repeat: repeat-y;
}
#logo {
background-image: url(Bilder/logo%20weisser%20hintergrund.gif);
height: 39px;
width: 268px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#navi {
background-image: url(Bilder/Unbenannt-1_06%20Kopie.gif);
background-repeat: repeat-y;
height: 49px;
width: 500px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 116px;
padding-top: 3px;
padding-left: 250px;
}
#mitte {
background-image: url(Bilder/Unbenannt-1_08%20Kopie.gif);
background-repeat: repeat-y;
width: 865px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFF;
}
#foto {
margin-left: 127px;
padding-top: 100px;
height: 299px;
width: 207px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#text {
float: right;
padding: 0px;
margin-top: 100px;
margin-right: 260px;
margin-bottom: 0px;
margin-left: 0px;
color: #333;
}
body {
background-image: url(Bilder/Unbenannt-1_08%20Kopie.gif);
background-repeat: repeat-y;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 961px;
background-position: 200px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="logo"></div>
<div id="navi">
<p><b>HOME</b><b>WISSENSCHAFTLICHE ARBEIT</b><b>KONTAKT</b></p>
</div>
<div id="mitte">
<div id="text">
<p><b>Rechtsanwältin Dr. Nora Kluger</b></p>
<p>Schwerpunkte der Tätigkeit:<br />
Vergaberecht<br />
Beihilferecht<br />
Zivilrecht und Zivilprozessrecht<br />
Miet- und Arbeitsrecht</p></div>
<div id="foto"><img src="Bilder/foto.gif" width="207" height="299" alt="foto" /></div>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
also es soll so ausgerichtet sein. 