TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen

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?
Profil
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 icon_wink.gif.


Grüße
ProfilICQ