Schaut mal hier, das obere Menü und das untere Submenü (blau):
Ist es irgendwie möglich, ein UL in einem DIV zu zentrieren, auch wenn die LIs unterschiedlich breit sind (aufgrund der Wortbreite + Padding links und rechts)? 
Das UL-Menü soll sich immer mittig platzieren, auch wenn die Breite des DIVs variiert (mal 100%, mal feste Breite).
Ich hab' leider keine wirklich einleuchtende Lösung gefunden. 
Daher schon einmal vielen Dank!
Das geht mit Flexbox ( display: flex; ) oder CSS-Grid ( display: grid; ).
Ja. Du musst noch weitere Angaben korrigieren, zum Beispiel das unsägliche float löschen und Abstände anpassen. Die display-Angaben sind nur die Grundangaben, es sind noch weitere erforderlich. Etwas Einarbeitung deinerseits ist schon erforderlich.
Mir fehlt auch das HTML-Grundgerüst wie Doctype, head- und body-Element sowie der Mindestinhalt des head-Bereichs.
und wenn du dann dabei bist kannst du auch gleich alles mit flexbox machen.
Dann noch das ganze inline style rauswerfen und mit in der Css Datei packen.
Dann kann man das auch super responsiv auf alle Geräte anpassen.
Hier ein Tutorial zu Flexbox
Das ist zuviel Aufwand. An der neuen Seite sind aber nur ein paar Änderungen erforderlich:
Beim ul-Element müssen max-width und (laut meinem Firefox) zweimal float gelöscht werden. Hinzugefügt werden dort dafür
display: flex;
justify-content: center;Bei den li-Elementen muss float gelöscht werden. Das sollte alles sein.
Die Navigation ist unabhängig von der Anzahl der Links oder deren Breite zentriert.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!