Mineotopia: Vorder-Hintergrund von Boxen

Beitrag lesen

Hallo liebe Community,

ist mir jetzt schon fast peinlich so etwas zu fragen ... ich arbeite jetzt echt schon lange mit HTML und habe auch schon sehr viele und sehr umfangreiche Websites erstellt ... aber das will einfach nicht klappen, auch nicht mit z-index ... vielleicht kann einer von euch mir ja helfen :)

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  
"http://www.w3.org/TR/html4/frameset.dtd">  
  
<html>  
<head>  
<title><?php echo $title; ?></title>  
  
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />  
  
<style>  
  
#back {  
	width: 100%;  
	height: 110px;  
}  
  
#back_left {  
	width: 50%;  
	height: 100px;  
	float: left;  
	background-color: blue;  
}  
#back_right {  
	width: 50%;  
	height: 100px;  
	float: left;  
	background-color: yellow;  
}  
  
#body {  
	width: 1000px;  
	height: 1000px;  
	margin-top: -110px;  
	margin-left: auto;  
	margin-right: auto;  
	background-color: #234567;  
}  
  
</style>  
  
</head>  
	<body>  
		<div id="back">  
			<div id="back_left"></div>  
			<div id="back_right"></div>  
		</div>  
		<div id="body"></div>  
	</body>  
</html>  

So, die hellblaue und die gelbe Box sollen im Hintergrund sein, sodass die Body-Box davor ist.  Klar kann ich im Body-Bereich auch einfach die Reihenfolge von den div-tags ändern, allerdings will ich die Seite mit Variablen Größen erstellen und deswegen gehen ja keine festen margin-Werte.

Schon mal vielen Dank für eure Hilfe!