Navigation mit <ul> zentrieren.

Hallo liebe treue Helfer,

ich arbeite gerade an der Seite http://neu.eindruck-verlag.de

Die betreffenden css formatierungen sind:

#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?

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