Element horizontal und vertikal zentrieren

•

Um ein Element (z. B. ein DIV) horizontal und vertikal zu zentrieren, geht man wie folgt vor:

1. Art der Positionierung angeben

position:absolute;

2. Linke, obere Ecke zentrieren

top:50%;
left:50%;

3. Um die Hälfte der Größe hinausrücken

margin-top:-200px;
margin-left:-100px;

Quelle

Ähnliche Beiträge

Elemente zentrieren
CSS
Menü erstellen mit CSS
CSS
Zeilenabstand verändert sich bei hochgestellten Zeichen
CSS
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne

Loading…
Avatar von manuel

AUTOR

manuel

Ich bin Manuel Wurm, IT-Consultant und Blogger. Ich mag es, verschiedenste Dinge auszuprobieren. Vor allem mit Retro-Computern, Bierbrauen, Bogenschießen und Schlagzeug spielen verbringe ich gerne meine Zeit. Kochen zählt zu meinen größten Hobbys – das spiegelt sich auch auf wurmweb.at wieder, wo ich gerne Rezepte teile und hilfreiche Tipps für Interessierte festhalte.

Webdesign & Entwicklung