[MikeArt]

Hallo liebe Mediengestalter

Ich habe im Moment eine Seite so aufgebaut wie das Bild unten zeigt:



Ziel ist es, die Navigation über den Headerbereich zu bringen. Heisst das div#navigation überlagert einen Teil vom header div. (Siehe Bild 2)



Hier noch die CSS-Codes der einzelnen DIVs:

[ChrisKam]

Auf die Gefahr hin, DIV-Suppe zu verursachen (@Karlarsch ):

Versuch' mal, die beiden Divs Navigation und Container erst in ein weiteres Div zu packen, und dem Navigations-DIV dann ein negatives margin-top zu geben (z.B. margin: -50px 0 0). Das ist übrigens kein "Trick" sondern völlig korrektes CSS.

Im Übrigen:

margin:0 auto 0 auto;

ist dasselbe wie

margin: 0 auto;

Und wie Du die Sachen zentrieren möchtest, wird so nicht klappen. Du musst alles in einen Wrapper packen, den du dann zentriest. Und deine Navigation muss auch noch irgendwie mitbekommen, dass sie linksbündig ausgerichtet sein soll bzw. dass der Container nach rechts floatet. Wenn Du nicht weißt, wie das funktioniert, würde ich vom Rest erstmal die Finger lassen. Was soll dieses position: relative da? Ich würde den Code kurz mal ausprobieren, bevor ich ihn hier zeige...

[Karlarsch]

[Bollwitz]

Bin jetzt nicht umbedingt vom Fach, aber ich hatte mal ein ähnliches Problem und es folgendermaßen gelöst:

[pantonine]

Nö, das erzeugt Dir ne schöne Lücke unterhalb der Sidebar.

[Bollwitz]

Aber nicht, wenn man die Navi um den negativen Top-Wert verlängert:

[ChrisKam]

Naja, Du hast die Höhe festgelegt, damit es funktioniert. 1995 hätte man das so machen können, heute besser nicht.

[Bollwitz]

Ah.. ok.