2 divs neben einander

[b4ck]

hoho,
ich hab leider mit webdesign an sich nicht sooo viel am hut und versuche gerade 2 divs neben einander zu positionieren.

ich hab

div 1

div.class1 {
	height: 130px;
	width: 400px;
	float: left;
	border-right: 1px solid black;
}

und div 2:

div.class2 {
	heigth: 130px;
	width: 400px;
}

wenn ich jetzt div1 direkt unter div2 im html code schreibe sollte doch div1 links und div2 rechts daneben angeordnet sein oder nicht?

<div class="class1">Content</div>
<div class="class2">Content</div>

trotzdem ist div2 unter div1 hab ich da was an dem float property falsch verstanden?

 

[SilentBoB]

Sollte das nicht funktionieren, wenn du den Floatkram rausnimmst? Dann sollten die doch nebeneinander angeordnet werden.

 

[b4ck]

ohne float zeug stehen die beiden divs auch untereinander

 

[weau]

Rechts
div.class1 {
	height: 130px;
	width: 400px;
	float:right;
	border-right: 1px solid black;
}

Links

div.class2 {
	heigth: 130px;
	width: 400px;
       margin-right: xxx%;
}

 

[b4ck]

ahh sehr gut danke

 

[BasicAvid]

Besser wäre es, wenn Du bei beiden Div's ein "float: left;" einfügst und beim nächsten Block-Element welches nicht mehr gefloatet werden soll ein "clear: both;".