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):
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
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
Please also mark the comments that contributed to the solution of the article
Content-Key: 53779
Url: https://administrator.de/contentid/53779
Printed on: April 27, 2024 at 16:04 o'clock
5 Comments
Latest comment
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
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