2 divs neben einander

b4ck

b4ck

0
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
Code: 
div.class1 {
	height: 130px;
	width: 400px;
	float: left;
	border-right: 1px solid black;
}

und div 2:
Code: 
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?

Code: 
<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?
 
Sollte das nicht funktionieren, wenn du den Floatkram rausnimmst? Dann sollten die doch nebeneinander angeordnet werden.
 
Code: 
Rechts
div.class1 {
	height: 130px;
	width: 400px;
	float:right;
	border-right: 1px solid black;
}

Links
Code: 
div.class2 {
	heigth: 130px;
	width: 400px;
       margin-right: xxx%;
}
 
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;".
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben