Hallo,
Ich habe mehrere Div-Boxen ineinandergeschachtelt. Die Hauptbox soll mit einem roten Rahmen versehen werden, die alle untergeordneten divs umschließen soll. Macht er aber nicht, es wird nur eine Linie ganz oben eingezeichnet. Was mache ich falsch und wie krieg ich einen Rahmen um das Ganze?
Hier der Code:
Ich habe mehrere Div-Boxen ineinandergeschachtelt. Die Hauptbox soll mit einem roten Rahmen versehen werden, die alle untergeordneten divs umschließen soll. Macht er aber nicht, es wird nur eine Linie ganz oben eingezeichnet. Was mache ich falsch und wie krieg ich einen Rahmen um das Ganze?
Hier der Code:
HTML:
<html><head>
<style type="text/css">
#hauptbox { width: 1132px; margin: 0px auto; text-align:center; border: 2px solid red;}
.zentrale_zelle { position:absolute; width:970px;}
.kopfkoerper{ background: green; height:120px;}
.textteil { background: lightblue;}
.zellerechts { background: lightgreen; position:absolute; margin-left:974px; width:160px;}
</style>
<body>
<div id="hauptbox">
<div class="zentrale_zelle">
<div class="kopfkoerper"> Kopfkoerper </div> <div class="textteil"> Textteil </div>
</div>
<div class="zellerechts"> Zelle rechts </div>
</div>
</body></html>