#navigation auf breite verteilen
Eingetragen von firstlevel (519)am 06.07.2012 - 08:28 Uhr in
Moin,
ich verzweifel gerade am theming der navigation, wobei es ganz einfach sein müsste.
Eigentlich möcht ich "nur" das die links (li) sich automatisch auf die Breite berteilen und die Abstände jeweils links und rechts automatisch angleichen. Ich dachte ich kriege das mit display:block hin, aber irgendwie ist es das nicht.
Was wäre richtig?
#navigation {
width:990px;
margin: 0 0 1.5em;
padding: 0;
margin-left:auto;
margin-right:auto;
}
#navigation ul.main-menu {
margin:0;
padding: 0;
display:block;
width:auto;
}
#navigation ul.main-menu li {
float: left;
margin: 0;
padding: 0;
}Danke für eine Idee...
- Anmelden oder Registrieren um Kommentare zu schreiben
Moin, du musst dem ul sowie
am 11.07.2012 - 23:37 Uhr
Moin,
du musst dem ul sowie den li eine größe sowie einen Bezug geben. versuche mal folgendes zu ergänzen:
#navigation {
position: relative;
}
#navigation ul.main-menu {
position: relative;
clear: left;
overflow: hidden;
}
#navigation ul.main-menu li {
position: relative;
display: inline;
width: auto;
padding: 0 15px;
}
ohne eine position angabe haben die child-elemente keine direkte Bezugsgröße. wenn du also ein kind-element 100% vom eltern element groß machen möchtest muss das eltern element eine position: relative; besitzen. Zum floating: alle floatenden elemente unbedingt ein display: inline; verpassen (wegen dem guten IE) sowie dem Eltern-Element ein clear: x;. overflow: hidden; beugt probleme mit nachfolgenden elementen vor.