Placering av div:ar

[learn]

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

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

[webbSAJTEN]

Finns ingen bifogad fil, eller? ;)

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

[learn]

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

[learn]

Anyone? :)

[Okkido]

<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;}

[learn]

Tack, men det kniviga är ju detta:
Red: Divarna ska alltså ligga samlade tillsammans i mitten, centrerade på sidan.
Alltså "wrap" i detta fall.

[Okkido]

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.

[echoSwe]

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

[learn]

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..?

[SoMeOnE]

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

[echoSwe]

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; }