Antworten zum Thema „Div ausgehend von Container positionieren?“

[GeKiller]

Hallo,

ich habe einen Cointainer, in dem sich alle Hauptelemente befinden und dieser ist mit margin: auto in der mitte positioniert, also es soll keine FULL-HD Seite werden.

Vor diesem Container habe ich jetzt mit float left ein Menü positioniert und dieser soll sich dann auch d irekt neben dem Container bleiben aber derzeit schwebt beim ändern der Größe das Menü in den Conainer rein, wie kann ich das verhindern?

Der Container verändert seine Position ja nicht aber ich will ebend nicht, das das Menü in den Container oder Wrapper reinfliegt. Dabei soll das Menü vielleicht irgendwie einen Abstand von 10px haben.

Das Menü soll auch mitgehen, kann man das mit position: fixed; auch noch realiseren? Ansonstens ist es auch nicht so wichtig. Wenn ich position fixed nutze, dann ändert sich die Höhe ja zwar nicht aber es fliegt trotzdem nach rechts in den Container.

Danke schon einmal im voraus

 

[Jormungand]

Hö? Ich verstehe deinen Text nicht ganz...

Mit position:fixed setzt du den Container fest an den Viewport, d.h. wenn du scrollst, bleibt die Navigation an Ort und Stelle.
Wenn du aber die Navi mitscrollen lassen willst, legst du sie in den Container, gibst ihr aber einen negativen margin-left, mindestens von der Breite der Navigation. Ist deine Navigation also bspw. 300px breit, gibst du ihr einen margin-left: -300px.

Ist es das, was du gesucht hast?

 

[Enigmon]

Ich fürchte du wirst wohl etwas Code (html + css) mitgeben müssen, wenn die Lösung meines Vorredners nicht funktioniert.

LG
Thomas

 

[GeKiller]

@Jormungand
Ja, das stimmt aber das Menü änderte seine Position bezogen auf die width, wenn ich die Seite verkleinert habe. Das mit dem margin -x hat funktioniert, das hatte ich ganz vergessen.

Ich habe generell immer solche Positionierungsprobleme und ich weiß nie so recht damit umzugehen, hat vielleicht jemand eine Seite, wo man sich da noch einmal ein wenig reinlesen kann und wo auch gute Beispiele sind und wo nicht nur einfach steht: Positioniert das Element relativ ... blabla ?

@Enigmon
Ist wohl nicht mehr nötig.

Danke für die Hilfe schon einmal soweit!

 

[Enigmon]

Vielleicht hilft dir das:



oder hier mal der Bereich zusammengefasst:



LG
Thomas