Navigation mit <ul> zentrieren.
| Autor | Nachricht |
|---|---|
|
Verfasst am: 29. 04. 2011 [21:01]
|
|
|
derJascha
Themenersteller
Dabei seit: 15.02.2010
Beiträge: 19
|
Hallo liebe treue Helfer, ich arbeite gerade an der Seite neu.eindruck-verlag.de Die betreffenden css formatierungen sind: CSS #navigation { border-top: 2px solid white; border-bottom: 2px solid white; text-align: center; } #navigation ul { list-style: none; padding: 0; margin: 5px auto; /*Ist das auto notwendig?*/ text-align: center; font-size: 11pt; font-weight: bold; } #navigation ul ul { margin: 0; text-align: center; font-size: 10pt; font-weight: normal; margin-top: 4px; display: block; } #navigation li { margin: 5px 3px; padding: 2px; float: left; max-width: 150px; } #navigation li li { border: none; float: none; margin-bottom: 3px; } Ich dachte, ich müsste nun nur noch #navigation ul {display: inline;} setzen. Das zeigt aber nicht das gewünschte Ergebnis. Hat jemand eine Idee? Kann es was mit dem float zu tun haben? |
|
Verfasst am: 24. 08. 2011 [19:11]
|
|
|
modstyle
Dabei seit: 23.10.2004
Beiträge: 149
|
Hallo, falls es noch relevant sein sollte: Ohne Breitenangabe funktioniert die Zentrierung nicht in allen Browsern. Da du aber keine Breitenangabe für das UL machen kannst (da die Navigation ja unterschiedlich ausfällt und auch Schrift-Skalierungseinstellungen von Usern dazwischenfunken können), wird das so nichts. Alle Lösungen, die mir dazu einfallen, sind nicht wirklich sauber bzw. schön. Was das ganze mit Barrierefreiheit zu tun hat, weiß ich auch nicht so recht Grüße |



