Zitat Zitat von Annasysusa
Wie krieg ichs hin dass das footer-div-tag immer unter dem body-div-tag steht, egal wie groß das body-div-tag ist?

Woie krieg ichs hin dass das wrap-div mit den inneren div-tags in der höhe dynamisch mitwächst?
Auf beide Fragen prinzipell die selbe Antwort: verwende nicht position: absolute! Wenn du stattdessen relative nimmst, wird beides automatisch geregelt - ersteres zumindest, wenn du das footer-Element nach das body-Element im Quelltext schreibst. Für zweiteres müsstest du natürlich auch die height-Angabe des wrap-Elements weglassen.
HTML-Code:
<html><head><title>position</title>
<style type="text/css">

#wrap {position:relative; width:100%; margin:0 0;}
#header {position:relative; width:98%; height:100px; left:1%;}
#body {position:relative; width:98%; top:1%; left:1%;}
#footer {position:relative; width:98%; height:50px; top: 1%; left:1%; margin:0.1em 0;}



</style>
</head><body>

	<div id="wrap" style="background:green; border:solid 1px black;">

		<div id="header" style="background:orange; border:solid 1px black;">
			
			header

		</div>
	
		<div id="body" style="background:purple; border:solid 1px black;">

			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>
			body <br>

		</div>

		<div id="footer" style="background:red; border:solid 1px black;">

			footer

		</div>
	</div>





</body></html>
Voilà. ^^

Edit: Tja, ehrenvolles Silber immerhin...<_<''