CSS - PopUp immer zentrieren

Hallo zusammen,

ich habe es endlich geschafft, ein PopUp mit CSS zu realisieren. *gg* Nun gibt es aber einen kl. Hacken!! Und zwar, wenn ich das Fenster auf einen 15" TFT öffne, stimmt die Position. Mache ich das selber auf 19" TFT ist es verschoben (=> logisch).

Der Fehler könnte hier sein (tippe ich mal):

#popup {
	position: absolute;
	width: 400px;
	height: 200px;
	background: #ffffff;
	top: 200px;
	left: 325px;
	border: 2px solid #d4d0c8;
	}

Also meine Frage lautet nun, wie kann ich das Fenster immer an einer bestimmten Position halten, egal welche Auflösung der Bildschirm hat?!

Zähl auf euch.... *ggg*

Grüße
Dani

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 53779

Url: https://administrator.de/forum/css-popup-immer-zentrieren-53779.html

Ausgedruckt am: 03.04.2025 um 18:04 Uhr

5 Kommentare

Neuester Kommentar

Hallo,

Vertical mittig mit "text-align: center;"
Horizontal mittig mit "vertical-align: middle;"

könnte klappen, mit Popups habe ich es noch nicht getestet.

Gruß
Peter

Hi,
naja...ich wollte nicht den Text ausrichten, sondern das DIV-Fenster!!!

Grüße
Dani

text-align ist auch für andere Elemente zuständig!

Gruß
Peter

Hi,
was auch funktionieren könnte:

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

dann sollte die linke obere ecke genau Mittig sein.
Dann mit margin-left und margin-top die Hälfte der Pixel des Popups angeben ( Natürlich jeweils mit einem Minus).

Versuch ist's Wert

Würde dann so aussehen:

#popup {
position: absolute;
left: 50%;
top: 50%;
width: 400px;
height: 200px;
margin-left: -200px;
margin-top: -100px;
background: #ffffff;
border: 2px solid #d4d0c8;
}

Gruß
Peter