Jetzt habe auch ich mal wieder eine Frage an die Css-Profis hier.
Ich möchte ein Design haben, dass grob folgenden Aufbau hat
Navi (eigene div von mir)
-----
nav_container
-----
header (egal ob eigene Klasse oder eine die schon "vordefiniert" ist)
Mein Problem ist jetzt aber, dass nav_container immer unter den Header rutscht.
Ich habe auch schon unterschiedliche Klassen für header benützt, aber es ging trotzdem nie.
Hat vielleicht jemand eine Idee mit welchen Klassen ich arbeiten könnte, damit das ganze so funktioniert, wie ich will?
Jetzt habe ich aber noch ein kleines Problem.
Ich kann das Design jetzt nciht mehr richtig zentrieren, da die Box ja absolut positioniert ist.
So kommt dann alles in die Mitte außer die Navi.
Hast du dafür auch noch eine Lösung?
Funktioniert leider nicht.
Die erste Lösung geht gar nciht, da ich rechts floate und beim zweiten bleibt bei mir dann immer der ganze container an der linken Seite und will nicht mit in die Mitte.
Aber ich bin ein bisschen von deinen div´s verwirrt.
Könntest du bitte noch kurz schreiben, was für eine div menu ist und was container alles umschließen soll.
Vielleicht liegt es auch einfach daran, dass ich etwas von dir missverstanden habe.
Wenn es dir hilft kann ich dir auch gerne einen Link zu der Seite, wo ich das gerade probiere senden.
Wär vielleicht hilfreich, andererseits habe ich selbst auch CSS...
#menu ist das eigentliche Menü. In ihm ist die ul mit den Links als li.
#nav_container ist wie der Name sagt, der Container der Navi. In ihm liegt #menu.
Verdammt. Ich sagte ja, ich nehme CSS - Da bin ich mit meinen Menüs durchhin gekommen - denk dir #nav anstelle von #menu, auch im Code
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans. - John Lennon
Wie wär's denn damit:
Da beide Menüs Listen sind, kannst du sie ja auch gleich formatieren.
#nav_container, #container_nav {
...
}
#nav, #navi {
...
}
und so weiter... Die Unterschiede kannst du natürlich noch hinzufügen.
Und eventuell noch #nav_heading ausblenden.
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans. - John Lennon
Cookies sind kleine Textinformation, die wir oder Partner von uns über deinen Browser lokal bei dir speichern.
Du kannst jederzeit die Nutzung von Cookies über die Einstellung deines Browsers verhindern.
Wir nutzen folgende, mit der DSGVO konforme Cookies:
- Essentielle Cookies: Sind unbedingt notwendig damit die Website voll funktionsfähig ist.
- Optionale Cookies: Sind optional und helfen uns die Website zu verbessern, z.B. indem sie das Nutzungsverhalten auf der Website analysieren, ohne dabei dich persönlich zu identifizieren.
Mehr Informationen findest du in unser Datenschutzerklärung.