Wie bekomme ich mein Menü in die Mitte?

Heii, ich habe schon einmal bereits ein Thema zu meinem Drop Down Menu erstellt. Nun muss ich das schon wieder :slight_smile:
Ich habe alles versucht, alles gegoogelt aber nichts konnte mein Problem lösen. Undzwar, mein Dropdown Menü hängt links, es soll aber in die Mitte :slight_smile:

Könntet ihr euch das bitte noch einmal ansehen? :slight_smile:

HTML:

[HTML]

Startseite





  • Startseite

  • Minecraft

    • Statuscheck

    • Verfügbarkeit

    • Bestellen



  • Musik Bots

    • Verfügbarkeit

    • Bestellen



  • Kontakt

  • Server Status

  • Kundenlogin



    </footer>
</body>
[/HTML]

CSS:

[CODE]body {
background-image:url(„…/images/background.jpg“);
font-family:Melvetica, sens-serif;
}

  • html body {
    text-align:center;
    }
    .nav {
    position:absolute;
    top:0;
    left:auto;
    right:auto;
    }
    .nav ul {
    margin:0;
    padding:0;
    float:left;
    height:38px;
    box-shadow:0px 0px 32px 0px #lll;
    border-radius:10px:
    }
    .nav ul li {
    list-style:none;
    float:left;
    background:#222;
    padding:10px;
    width:85px;
    text-align:center;
    transition:all 500ms;
    color:#999;
    border-right:1px solid #444;
    position:relative;
    border:none;
    }
    .nav ul li:first-child {
    border-radius:10px 0 0 10px;
    }
    .nav ul li:last-child {
    border-radius:0 10px 10px 0;
    border:none;
    }
    .nav ul li:hover {
    background:#09C;
    color:#FFF;
    }
    .nav ul li:hover ul {
    height:auto;
    opacity:1;
    }
    .nav ul li ul {
    height:0;
    overflow:hidden;
    opacity:1;
    position:absolute;
    left:0;
    padding-top:15px;
    }
    .nav ul li ul li {
    width:130px;
    }
    .nav ul li ul li:first-child {
    border-radius:10px 10px 0 0;
    border:none;
    }
    .nav ul li ul li:last-child {
    border-radius:0 0 10px 10px;
    border:none;
    }[/CODE]

Mit Freundlichen Grüßen,
FreakySlimeHD. :slight_smile:

Zunächst mal muß das hier entfernt werden:

.nav { position:absolute; top:0; left:auto; right:auto; }um dann das hier anwenden zu können: CSS Tip : How To Center Floating elements

Das hilft mir leider nicht weiter. :c (@Spicelab)
Ich hatte es genau so wie im Tutorial. Es ist nicht ganz in der Mitte.
Nur etwas weiter Rechts.

Dann ist Dir bei der Umsetzung ein Fehler unterlaufen, denn in dem Demo sitzt das Menü korrekt in der Mitte.

Zum Abgleich: https://jsfiddle.net/spicelab/u003me59/

Du hattest recht. Danke dir!

Ich weiß :cool: Gern geschehen :slight_smile: