Kalle_B: Mitte des Browserfensters berechnen

Beitrag lesen

Hallo,

ich möchte ein <div> benau in der Mitte des Browserfensters platziern. Am besten wäre es, wenn es sogar beim Verändern der Festergröße immer in der Mitte bliebe. Kann mir jemand einen Tip geben, wie ich die Mitte des Browserfensters berechnen kann?

Ja. Die Mitte des Browserfensters, auch nach einem window.onresize ist immer

position:absolute; left:50%, top:50%

Das betrifft die linke obere Ecke des div. Du musst dem div nun eine Breite geben und die Hälfte der Breite nach links verschieben, ebenso Höhe und Verschiebung:

position:absolute; left:50%, width:40em; margin-left:-20em; top:50%; height:40em; margin-top:-20em

Gruß, Kalle