ratatouille: Horizontales Menü: Unterpunkte zentriert

Beitrag lesen

Hallo,
Zeig doch mal deinen dazugehörigen Quellcode und dir wird geholfen

/* --- NAVIGATION --- */  
  
  ul#Navigation {  
    margin: 0; padding: 5px;  
    text-align: center;  
  
         background: #93c52e;  
         width: 748px;  
         height: 20px;  
         margin-right: 40px;  
         padding: 5px;  
         float: left;  
  
         border:1px solid #ebebeb;  
         -moz-border-radius:10px;  
         -khtml-border-radius:10px;  
  }  
  
  ul#Navigation li {  
    list-style: none;  
    float: left;  
    position: relative;  
    margin: 0; padding: 0;  
  }  
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */  
    margin-bottom: -0.4em;  
  }  
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */  
    margin-bottom: -0.1em;  
  }  
  
  ul#Navigation li ul {  
    margin: 0; padding: 0;  
    position: absolute;  
    top: 1.6em; left: -0.4em;  
    display: none;  /* Unternavigation ausblenden */  
  }  
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */  
    left: -1.5em;  
    lef\t: -0.4em;  
  }  
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */  
    background-color:silver; padding-bottom:0.4em;  
  }  
  ul#Navigation li:hover ul {  
    display: block;  /* Unternavigation in modernen Browsern einblenden */  
  }  
  ul#Navigation li ul li {  
    float: none;  
    display: block;  
    margin-bottom: 0.2em;  
    font: 9pt georgia;  
  }  
  
  ul#Navigation a, ul#Navigation span {  
    display: block;  
    width: 9.2em;  /* Breite den in li enthaltenen Elementen zuweisen */  
    padding: 0.2em 1em;  
    font-weight: bold;  
    background-color: #93c52e;  
    color: #575757;  
    text-decoration: none;  
  }  
  * html ul#Navigation a, * html ul#Navigation span {  
    width: 9.2em;   /* Breite nach altem MS-Boxmodell für IE 5.x */  
    w\idth: 7em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */  
  }  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {  
        color: #575757;  background-color: #93c52e;  
  }