CSS 2 Boxen nebeneinander

[Timdaroxxa]

Hey,
folgendes Problem:
Ich möchte 2 Divs nebeneinander mit float:left positionieren. Dabei habe ich einen wrapper mit 960px Breite. Die Boxen haben eine Breite von 470px. Der Abstand zwischen ihnen soll also 20px betragen. Wie bekomme ich diesen Abstand hin, ohne eine zweite Klasse mit float: right oder einem Abstand zu erstellen.
Warum so umständlich: Nachher soll alles in Wordpress integriert werden.

Gruß TIm

 

[DUNnet]

Wenn Du float:left benutzt hast brauchst Du als gegenpart float:right.
Ansonsten über eine Tabelle regeln, ist aber ja in den Profi Kreisen als Unschön bekannt^^

 

[Minimax83]

LoL,

kann dir leider nicht helfen. Habe dein Thema erst komplett falsch verstanden:

CSS -> Counter Strike Source
zwei Boxen nebeneinander -> Irgend ein soundtechnisches Problem

 

[Adem67]

Bei der linken Box ein margin-right:20px;?

 

[Gajel]

<div id="wrapper">

<div id="box1"></div>
<div id="box2"></div>

</div>


#box1 { float: left; width: 470px; margin-right: 20px; }

#box2 { width: 470px; }

 

[Timdaroxxa]

ok, sry ich habe mich wohl ein bisschen falsch ausgedrückt!

Wegen Wordpress kommt für die 2 Boxen gerade nur EINE KLASSE in Frage. Also Box 1 und Box 2 funktioniert so nicht!

 

[Fleshgrinder]

<div id="wrapper">
    <div class="class"></div>
    <div class="class"></div>
</div>

#wrapper{width:980px}
.class{width:470px;margin-left:20px;float:left}
#wrapper .class:first-child{margin-left:0}

Nicht getestet

 

[Timdaroxxa]

ok, das funktioniert zwar, aber ich würde gerne jedes ZWEITE Div mit der Ergänzung austatten. Kann es sein, dass dies mit CSS 3 erst möglich wird?

 

[Fleshgrinder]

#wrapper .class:nth-child(2){margin-left:20px}

Hierbei handelt es sich in der Tat um CSS3. Wichtig ist hierbei, dass nth-child sehr viel Browser-Performance frisst und der Internet Explorer 8 (oder älter) dies nicht unterstützten.