dani
Goto Top

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

Content-Key: 53779

Url: https://administrator.de/contentid/53779

Ausgedruckt am: 19.03.2024 um 09:03 Uhr

Mitglied: Petrof
Petrof 11.03.2007 um 16:01:14 Uhr
Goto Top
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
Mitglied: Dani
Dani 11.03.2007 um 16:09:50 Uhr
Goto Top
Hi,
naja...ich wollte nicht den Text ausrichten, sondern das DIV-Fenster!!!


Grüße
Dani
Mitglied: Petrof
Petrof 11.03.2007 um 16:21:34 Uhr
Goto Top
text-align ist auch für andere Elemente zuständig!

Gruß
Peter
Mitglied: Petrof
Petrof 11.03.2007 um 16:39:50 Uhr
Goto Top
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
Mitglied: Dani
Dani 11.03.2007 um 17:21:09 Uhr
Goto Top
Hi,
text-align ist auch für andere Elemente zuständig!
Das schon...aber nicht für DIV-Layer Ausrichtung. *gg*

Wunderbar...hätte ich auch drauf kommen können. Vielen Dank & schönen Sonntag!


Grüße
Dani