Frage von Katky, 29

Menu ist nicht in der Mitte?

Ich bin nicht besonders erfahren mit html/css und versuche gerade ein Navigationsmenü in die Mitte der Seite zu bringen, allerdings ist es einfach nicht mittig sondern etwas daneben :/

.kern { position: fixed; left: 50%; top: 50%; right: 50%; bottom: 50%; align-content: center; }

Kann mir jemand sagen, ob an dem oben etwas falsch ist oder ob es was anderes sein muss?

Antwort
von Sarkophator, 7

Die bereits genannten Antworten zentrieren das Navigationsmenü - wenn es das ist was du willst. (Sprich horizontal mittig) Allerdings sehe ich, dass du auch top und bottom angegeben hast, also möchtest du vielleicht dass es mittig im Viewport ist? (sowohl horizontal als auch vertikal)

In dem Falle kannst du mit der CSS Flexbox arbeiten, indem du einen Wrapper über den gesamten Viewport legst und die Eigenschaften "align-items" und "justify-content" auf "center" setzt:

https://jsfiddle.net/g2h2mn1f/

Antwort
von Stunter, 18

Also die einfachste Möglichkeit, um ganze Elemente mittig zu platzieren, ist mit dem folgenden Code:

margin-left:auto; margin-right:auto;

 ~ Stunter

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten