Dropdown Menu

[Felix Riesterer]

Lieber Sven,

ich lese nun in Deinem Stylesheet folgendes:

ul#Navigation {  
    margin:auto; padding:auto;  
    text-align: center;  
}

Damit setzt Du zwar auch den oberen und unteren Rand auf "auto", aber das ignoriere ich jetzt, um die Sache nicht unnötig auszuweiten.

Wie breit ist denn Dein <ul>-Element? Wenn es die gesamte verfügbare Breite einnimmt (und das scheint es zu tun, teste es, indem Du ihm einen roten border verleihst!), dann nützt Dir das margin:auto recht wenig.

Gibt Deinem <ul>-Element eine feste Breite (wegen der Grafiken sollte das ja kein Problem sein, da der User den sichtbaren Text deshalb nicht größer oder kleiner schalten kann), damit auch tatsächlich ein Rand entsteht, den der Browser dann automatisch einstellen kann!

ul#Navigation {  
    border: 3px solid red; /* nur zum Testen! */  
    width: 400px; /* nur ein "erfundener" Wert - miss Dein Menü bitte selbst aus */  
    margin: auto;  
    padding: 0; /* hier besser kein "auto" sondern Null... */  
    text-align: center; /* das verstehe ich jetzt nicht (überflüssig?), aber Du wirst schon wissen, was Du hier tust */  
}

Liebe Grüße aus Ellwangen,

Felix Riesterer.