div box mittig

[SpecialFighter]

Hallo alle zusammen,

ich möchte das eine div-box immer Mittig vom Bildschirm sitzt. (egal bei welcher Auflösung)
Also vertikal und horizontal mittig.

Wie realisiere ich so etwas

 

[threadi]

So wie im Forum vielfach beschrieben:
http://www.html.de/css/35800-div-mittig-positionieren-hilfeee-isch-flippe-aus.html
http://www.html.de/html-und-xhtml/35566-prob-kann-mir-wer-weiterhelfen.html
http://www.html.de/css/35267-ganze-seite-absolut-mittig-ausrichten.html
http://www.html.de/css/35043-margin-auto.html
http://www.html.de/html-und-xhtml/34752-komplette-seite-mittig-ausrichten.html

 

[kaljak]

Einfach im CSS-File bei deinem DIV-Element:
margin: 0px auto;

hin schreiben!

LG

 

[threadi]

Wird nicht reichen. Es geht um horizontale und vertikale Ausrichtung.

 

[Fisker31]

Eine DIV Box exakt mittig ausrichten geht nur mit geschickten Kombinationen von CSS Eigenschaften, da es anders leider keine direkte Funktion dafür gibt.

Um das zu bewerkstelligen musst du dem DIV eine Feste Breite und Höhe geben.

Hier am beispiel am wrapper:

#wrapper {
width:500px;
height:200px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
}

Es passiert folgendes, die linkere obere Ecke wird exakt mittig positioniert. Mit Margin top und left müssen wir dann nur noch alles negativ um die Hälfte verschieben damit es mittig ausgerichtet ist. Das funktioniert bei jeder Viewportgröße.

Hoffe ich konnte helfen, gruß.

Fisker31