CSS Menü zentrieren

[daniels]

Hallo Zusammen

Ich habe folgendes Problem. Ich versuche seit Tagen ein CSS DropDown-Menü zu zentrieren leider ohne erfolg.
Kann mir von euch jemand weiterhelfen?

[daniels]

Hier noch ein ausschnitt aus dem CSS:

ul#navmenu-h {
padding:40%;
padding-right:8px;
font-size: 11px;
}
ul#navmenu-h li {
float: left;
display: inline;
position: relative;
line-height: 2;
background:url("nav_right_bg.jpg");
}
ul#navmenu-h a{
display: block;
text-decoration: none;
font-size: 14px;
padding: 8px 9px;
border-left: medium none #D5CFCF;
border-right: 1px solid #666666;
color: #FFFFFF;
}

ul#navmenu-h ul {
display: none;
position: absolute;
margin: 0px 0 0 -10px;
Ändere ich unter ul navmenu-h die Werte springt das Menü immer ganz links oder nach rechts, aber nie Mittig.

[sejuma]

Gib mal ul#navmenu-h eine ausreichende Breite und zentriere mit margin: 0 auto

z.B. so:

Code: Alles auswählen

ul#navmenu-h {
width: 700px;
margin: 0 auto;
padding-right:8px;
font-size: 11px;
}

Alternativ: http://www.ohne-css.gehts-gar.net/0063.php

[daniels]

Besten Dank für die Antwort.

Wie kann ich nun das width so definieren, dass es immer die ganze Bildschirmbreite annimmt?

[daniels]

Konnte nun das Problem ganz lösen.
Musste nur noch den width wert verkleinern, nun wird alles richtig zentriert.
Besten Dank für die Hilfe.

Ich bin überglücklich