Positionierung DIV Box

[dia]

Danke für die Nachhilfe in CSS.

habe nachgebessert und bin zu folgendem Ergebnis gekommen:

<style type="text/css">  
.parent {  
	border-width: 0px;  
	border-style: solid;  
	border-color: blue;  
	float:left;  
	text-align:center;  
	color:#FFFFFF;  
	font-weight: bold;	  
}  
.wid50 {  
	width:50%  
}  
.wid100 {  
	width:100%  
}  
.child {  
	width:100%;  
	border-width: 0px;  
	border-style: solid;  
	border-color: green;  
	float:left;  
	background-color:#a52a2a;  
	vertical-align:bottom;  
}  
.koffein {  
	border-width: 0px;  
	border-style: solid;  
	border-color: red;  
	background-color:#8b0000;  
	text-align:center;  
	color:#FFFFFF;  
	font-weight: bold;  
}  
</style>  
  
	  
<div class='parent wid50'>  
	<div class='parent wid100'>  
		<div class='child'>  
			Lebensmittel  
		</div>  
	</div>  
	<div class='child'>  
		Getränk  
	</div>  
</div>  
<div class='parent wid50'>  
	<div class='child'>  
		Aufputschmittel  
	</div>  
</div>  
  
<br style="clear: both;" />  
  
<div class='koffein'>  
	Koffeinhaltiges Getränk  
</div>

leider hat das ganze mein eigentliches Problem noch nicht gelöst.

Wäre sehr dankbar, wenn jetzt auch noch das Hauptproblem gelöst werden könnte. Vielen Dank

liebe Grüße
Alex