Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.08.2011 um 11:25 (UTC)    
Titel: Klassen im Design Css

Hallo,

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?

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag19.08.2011 um 12:01 (UTC)    
Titel:

Die Baukasten-Navi ist standardmäßig unter dem Header. Versuch' es doch mal so:

CSS:
Zitat:
#container {
position:relative;
top:0px;
left:0px;
}

#header {
margin-top:50px;
}

#menu {
position:absolute;
top:0px;
left:0px;
}

Erklärung:
Sorgt für Platz; Anpassen...
Positioniert das Menü ganz oben. Und damit das klappt, wird das umschließende Div relativ positioniert.

Wenn du wissen willst, wo genau die Kanten sind, gib ihnen einen Border...

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag19.08.2011 um 13:29 (UTC)    
Titel:

Vielen Dank!

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?

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag19.08.2011 um 15:24 (UTC)    
Titel:

Zumindest in der Theorie:
Zitat:
#menu {
position:absolute;
top:0px;
left:0px;
width:100%;
text-align:center;

}

Ich hoffe, das klappt. Wenn du die Menüpunkte mit float:left versiehst, könnte das Probleme geben.
Wenn dem so ist, versuch's so:
Zitat:
#nav_container {
position:absolute;
top:0px;
left:0px;
text-align:center;
}
#menu {
width:auto;
}


Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag19.08.2011 um 17:28 (UTC)    
Titel:

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.

Jedenfalls Danke für deine Mühe!

mfg
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 19.08.2011, 18:30, insgesamt einmal bearbeitet
Beitrag19.08.2011 um 19:20 (UTC)    
Titel:

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 Embarassed

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag20.08.2011 um 07:25 (UTC)    
Titel:

Jetzt sind auf einmal wieder die Menü-Punkte untereinander.
Ich schick dir am besten einfach mal den Link zur Seite per PN.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag20.08.2011 um 07:49 (UTC)    
Titel:

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
Beitrag20.08.2011 um 12:45 (UTC)    
Titel:

Ok, ich hab´s jetzt mit der Hilfe von transint unt Pexxi geschafft,
Noch mal Danke an die beiden!

-CLOSED-, da erledigt.

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de