✔ Problem beim ausrichten von div Boxen

[mr_floppy]

Hi,

ich habe Probleme dabei ein ganz einfaches Layout mit divs zu erstellen. Das Bildchen sollte erklären können, was ich möchte:

Was muss im Code geändert werden, damit unter der Box "2" noch mal die selbe Box erscheint? Muss ich die linken und rechten Boxen (2 und 4) nochmal in eine Box packen, oder geht das auch anders/einfacher?

.container {
    width: 930px;
	margin-left: auto;
	margin-right: auto;
	
}

.hbox {
    width: 925px;
	height: 120px;
	border: 1px solid #006D00;
}

.lbox {
    width: 200px;
	margin-top: 10px;
	border: 1px solid #006D00;
	float:left;
}

.mbox {
    width: 500px;
	height:500px;
	margin-top: 10px;
	margin-left: 10px;
	float:left; 
	border: 1px solid #006D00;
}

.rbox {
    width: 200px;
	margin-top: 10px;
	margin-left: 10px;
	float:left; 
	border: 1px solid #006D00;
}

.fbox {
    width: 925px;
	margin-top: 10px;
	margin-left: 10px;
	float:left; 
	text-align: center;
	border: 1px solid #006D00;
}

<div class="container">
<div class="hbox">1</div>
<div class="lbox">2</div>
<div class="mbox">3</div>
<div class="rbox">4</div>
<div class="fbox">footertext...</div>

</div>

Danke im Vorraus!


MfG

 

[Maik]

Hi,

binde hierzu im DIV .lbox weitere Blöcke ein, die den oberen Außenabstand und Rahmen erhalten:

<div class="lbox">
     <div class="lboxContent">2</div>
     <div class="lboxContent">2</div>
</div>

.lbox {
        width: 200px;
        float:left;
}

.lboxContent { 
      margin-top: 10px;
      border: 1px solid #006D00;
}

mfg Maik

 

[mr_floppy]

Ok, also doch noch eine übergeordnete Box. Passt jetzt alles. Danke dir für die schnelle Hilfe.

*erledigt*


MfG