Lara: Box Probleme mit Ausrichten und Grösse

Beitrag lesen

Ich würde gerne so was ähnliches (http://www.4templates.com/view/low-budget-templates/1/AX0535BR) in  CSS verwirklichen.
Ich denke das es 4 Container/Boxen sind.
Der obere HEADER und der untere FOOTER
weiter der in der MITTE und dann der mit dem eigentlichen CONTENT

Hierbei habe ich das Problem wie bekomme ich es hin das der CONTENT Container so wie auf der Vorlage eingebledet wird, bzw. wie bekomme ich in in die Mitte des Bildes, und vor allem, wie mache ich es das wenn der CONTENT Bereich wächst auch der des MITTE Container mitwächst.

Fragen über Fragen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html><head><title>position</title>  
<style type="text/css">  
#header  
{  
	background: #000000;  
	height:150px;  
	width:800px;  
	margin: 0 auto;  
}  
  
#mitte  
{  
	background: #C0C0C0;  
	height:200px;  
	width:800px;  
	margin: 0 auto;  
}  
  
  
#footer  
{  
	background: #000000;  
	height:150px;  
	width:800px;  
	margin: 0 auto;  
}  
  
#content  
  
{  
	position:absolute;  
	top:130px;  
	left:300px;  
	width:600px;  
	height:70px;  
    background:#FF0000; }  
  
  
  
</style>  
</head><body>  
  
<div id="header">Header</div>  
<div id="mitte">Midle</div>  
<div id="footer">Footer</div>  
<div id="content">Content</div>  
  
</body></html>