Placering av div:ar

Lyckas inte åstadkomma detta (se bifogad bild). Kan ngn hjälpa mig?? Tack!

Red: Divarna ska alltså ligga samlade tillsammans i mitten, centrerade.

Finns ingen bifogad fil, eller? ;)

Edit: Den dök upp efter att jag hade skickat inlägget :(

Jag får det verkligen inte att se ut som jag vill...! Någon som vill hjälpa mig?

Anyone? :)

<div id="wrap">
	<div id="container">
		<div id="div3"></div>
		<div id="div4"></div>
		<br style="clear:both;" />
	</div>
	<div id="div2"></div>
	<br style="clear:both;" />
</div>

#wrap {width:500px;}
#container {width:300px; float:left;}
#div2 {width:200px; float:left;}
#div3 {width:50%; float:left;}
#div4 {width:50%; float:left;}

Tack, men det kniviga är ju detta:

learn skrev:

Red: Divarna ska alltså ligga samlade tillsammans i mitten, centrerade på sidan.

Alltså "wrap" i detta fall.

margin: 0 auto;

Har du inte en fast höjd på #wrap som alltid är samma blir det jävligt knivigt att lösa det. Annars får du köra position: absolute; och sätta det till 50% och margin-left -XXXpx där XXX är halva höjden och bredden.

Vet man inte höjden som Okkido antar så
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Nu menar jag horisontellt centrerat, och bredden vet jag. Problemet med att sätta "left:50%" och sedan "margin-left: -[halva bredden]" är att sidans vänstra del försvinner när jag förminskar fönstrets storlek/har låg upplösning. (Den vänstra delen av sidan är den väsentligaste).

Hmm, hur göra..?

Det här bore göra susen ifall jag förstod ditt problem rätt.
#wrap {
width:500px;
margin-left: auto;
margin-right: auto;
}

learn: som jag skrev i mitt inlägg.
someone: det ska även vara vertikalt centrerat! Återigen, se mitt inlägg.
F.ö är det kanske snyggare att skriva såhär:

#h { width: 500px; margin: 0 auto; }