[CSS] abstand zwischen 2 divs

Hallo,

mittels float: left; und float: right; ordne ich 2 divs nebeneinander an.
Beide sollen 50% breit sein, allerdings sollte noch ein Abstand von 20px dazwischen sein.

Klar, jetzt kann ich 49% einstellen, allerdings ändert sich der Abstand zwischen den Boxen dann je nach Fensterbreite..

Wie kann man sowas umsetzen?

Danke,
Chris

Also ich hab etwas rumprobiert, allerdings funktioniert es so immernoch nicht..

Also der linke div hat jetzt float: left; width: 50%; und margin-right: 20px; .. allerdings haut das so wieder nicht hin..

Wär auch nicht das gewollte ergebnis, denn ich brauch bei beiden divs eine breite von 50%-(20px/2)

Heute morgen - nachm aufstehn hat man doch die besten ideen :D - kam mir ne Idee..

Ich setz in die beiden container noch je 1 container..

Dann bekommt entweder der äußere container einen padding-right (bzw. padding-left) von 10px
oder der innere container einen margin-right (bzw. margin-left) von 10px..

zum ausprobieren hatte ich noch keine zeit.. ich berichte noch davon ;)

Funktioniert Perfekt!

//
			<div class="boxesLeftContainer" style="float: left; width: 50%;">
				<div class="boxesLeft" style="margin-right: 10px;">
					Linke Boxen
				</div>
			</div>

			<div class="boxesRightContainer" style="float: right; width: 50%;">
				<div class="boxesRight" style="margin-left: 10px;">
					Rechte Boxen
				</div>
			</div>

			<div style="clear: both;"></div>