TeMPoRArYxJu: Divs neben- und übereinander

Beitrag lesen

Hallo, bin neu hier und bitte deswegen um Verbesserungsvorschläge für meine Posts..

Also mein Problem ist folgendes: Ich möchte, wie auf dem Bild zu sehen ist, eine Website erstellen.

Website

Bisher habe ich die Divs erstellt und Header&Menu angeordnet. Nur der Wrapper ist jetzt UNTER den beiden Divs. Das sieht dan ungefähr so aus (bekomme hier nicht alles auf ein Bild):

Bildbeschreibung

Bisher habe ich nur den Wrapper mit "float: right;" angeordnet. Wenn ich den Header/das Menu mit "margin: left;" anordne sieht das ganze noch ein bisschen mehr bescheiden aus (z.B. ist alles nebeneinander und nicht mal Header&Menu sind üvereinander..

Bisher habe ich im Body nur dir Divs festgelegt:

<body>
<div id="header">
Header
</div>
<div id="menu">
Menu
</div>
<div id="wrapper">
Wrapper
</div>
</body>

Und der CSS-Text dazu sieht folgendermaßen aus:

#wrapper {
	background-color: #2E2E2E;
	width: 90%;
	height: 100%;
	float: right;
}


#menu {
	background-color: #FE2E2E;
	width: 10%;
	height: 93%;
}

#menu ul {
	background-color: #2F2F2F;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header {
	height: 7%;
	width: 10%;
	background-color: #A1A1A1;
}

Danke schonmal im Vorraus für Antworten.

Liebe Grüße

Ju