[F481]

Hallo ich habe gerade ein kleines Problem und zwar möchte ich ein div zu einem bestimmtem anderem div relativ positionieren. Ich hab mal kurz ne Grafik gemacht um das zu verdeutlichen:



Ich möchte also div3 relativ zu div2 positionieren (siehe rot).

HTML:

<div id="main">
		<div id="menu">
			[...]
		 </div>
		 
	 	<div id="div1">
			[...]
	 	</div>
	 	<div id="div2">
	 		[...]
	 	</div>

		<div id="div3">
	 		[...]
	 	</div>
</div>

so nun zu css:

#div3 {
	position: relative;
	top: Xpx;
}

So.. nun ist nur das Problem dass er div3 relativ zu div1 positioniert (schwarzes div3).
Da die Höhe von div2 aber variabel ist möchte ich div3 relativ zu div2 setzen.
Kann ich ihm evtl sagen zu welchem div relativ oder wie könnte ich das anstellen ?

mfg f481

Dieser Beitrag wurde von F481 bearbeitet: 13. Mai 2011 - 18:55

[Stefan_der_held]

Salvete,

den Fehler zu suchen ist mit dem geposteten Codeschnippseln leider nicht wirklich möglich.

Was aber häufig die Fehlerquelle ist:

evtl. Paddings, Borders wurden in der Breite nicht berücksichtigt ==>> DIV rutscht an die nächste mögliche Position weiter

Float's sind falsch oder nicht gesetzt
Position's sind falsch oder nicht gesetzt
die Gesamtbreite der Seite ist nicht ausreichend um das DIV an richtiger Stelle anzuzeigen

[Tienchen]

Blöde Frage - aber wieso arbeitest du hier überhaupt mit Positions?

Mach lieber einen "Wrapper Links" und einen "Wrapper Rechts" und packe dort alle divs hinein. Dann hast du feste Spalten, und je nachdem wie groß der obere Div ist werden die nachfolgenden angepasst. Theoretisch geht das sogar ohne Wrapper.

Vorausgesetzt natürlich, das Grundgerüst stimmt. Das kann man nur herausfinden, wenn wir die Seite live sehen oder zumindest die vollständige CSS.

[Holger_N]

Ich würd es so machen. Vielleicht ist es auch das, was gemeint ist aber mir sagt Wrapper nix.

Angehängte Miniaturbilder

• 

[Tienchen]

Zitat (Holger_N: 15.05.2011, 16:07)

Ich würd es so machen. Vielleicht ist es auch das, was gemeint ist aber mir sagt Wrapper nix.

Genau - in deinem Beispiel meine ich als Wrapper ( = Container = Rahmen um "Diverses") Div1 und Div4.
Positions sind ein heikles Thema - gerade wenn Abwärtskompatibilität (v.a. IE6+7...) gewünscht wird kommt man damit in Teufels Küche.
Ich würde hier im Beispiel einfach Div 1 hineinstellen und den Wrapper Div 4 mit float="right" nach rechts kleben. Alle enthaltenen Divs bleiben (sollten) drinnen (bleiben). So erspart man sich fast (!) immer unnötige CSS-Anweisungen, man könnte sogar ganz ohne auskommen. Denn je weniger vorhanden sind, umso weniger Zeit und Energie muss man später in die Fehlersuche / Kompatibilität investieren.

[Holger_N]

Jupp, da braucht man nur mit den Breiten aufpassen, dass trotz eventueller Border-, Margin-. Paddingangaben man noch in dem Bereich ist, dass die nebeneinanderliegenden Divs auch immer nebeneinander hinpassen und das man, je nachdem was noch drunter kommt, das float beendet und dann sollte das ohne irgendwelche Positionierungen passen.