Antwort #6 am: 16. November 2013, 11:59:38
@shakedealer
Zuerst könntest du dich mal informieren, z.B. auf der Seite die
burrito dir verlinkt hat.
- Gibt's den tag <center> ohnehin nicht, bzw. ist er "deprecated" und in HTML5 gar gar nicht mehr vorhanden.
- kann man Blockelemente, und um solche handelt es sich hier, nicht so zentrieren.
- ist die Idee mit der margin nicht flexibel.
Man muß genau wissen wie breit die einzelnen Menu-Punkte sind und bei z.B. Mehrsprachigkeit ist's schon aus damit.
Es gibt einen Trick dafür:
#topmenu {text-align:center;}
#topmenu li {display:inline-block;}
und/oder
#topmenu:after {
content: "";
display: inline-block;
width: 100%;
}
Eventuell muß man sich, wenn denn Unterstützung gewünscht, noch IE7 anschauen, evtl. auch IE8.
Für den IE7 kann man ein conditional Stylesheet einbauen mit folgenden Styles:
#topmenu li {zoom: 1; *display: inline;}
Gruß,
noRiddle