[HaBo]

b4ck · 26.06.09, 10:39

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?

SilentBoB · 26.06.09, 10:43

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

Anzeige

- Anzeige -

b4ck · 26.06.09, 10:50

ohne float zeug stehen die beiden divs auch untereinander

weau · 26.06.09, 11:36

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

b4ck · 26.06.09, 11:57

ahh sehr gut danke

BasicAvid · 26.06.09, 21:52

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;".

Anzeige

- Anzeige -

26.06.09, 10:39	#1 (permalink)
b4ck Registriert seit: 13.02.06 Likes: 1	2 divs neben einander Anzeige 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?

26.06.09, 11:36	#4 (permalink)
weau Registriert seit: 21.10.06 Likes: 0	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%; }

26.06.09, 21:52	#6 (permalink)
BasicAvid Registriert seit: 17.03.04 Likes: 2	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;". __________________ Mfg Basic Avid - Use it or be used! -

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2 Divs nebeneinander XHTML 1.0 STRICT	AaFreak	(Web-) Design und webbasierte Sprachen	2	16.04.09 20:40
Linux neben COmpuSec?	olle11	Cryptography & Encryption	5	24.08.07 17:37
DIVs zu hoch bei 100%	DolphVS	(Web-) Design und webbasierte Sprachen	13	17.08.07 08:33
Solaris 10 neben Windows neben Gentoo	AcoQ	Linux/UNIX	1	17.05.06 13:46
Linux neben Windows	The-Mister	Linux/UNIX	10	27.03.05 21:24

26.06.09, 10:43	#2 (permalink)
SilentBoB Registriert seit: 26.06.05 Likes: 0	Sollte das nicht funktionieren, wenn du den Floatkram rausnimmst? Dann sollten die doch nebeneinander angeordnet werden.

26.06.09, 10:50	#3 (permalink)
b4ck Themenstarter Registriert seit: 13.02.06 Likes: 1	ohne float zeug stehen die beiden divs auch untereinander

26.06.09, 11:57	#5 (permalink)
b4ck Themenstarter Registriert seit: 13.02.06 Likes: 1	ahh sehr gut danke

[HaBo]

2 divs neben einander