Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

CSS - PopUp immer zentrieren

Frage Entwicklung CSS

Mitglied: Dani

Dani (Level 5) - Jetzt verbinden

11.03.2007, aktualisiert 17:21 Uhr, 9673 Aufrufe, 5 Kommentare

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):
01.
#popup { 
02.
	position: absolute; 
03.
	width: 400px; 
04.
	height: 200px; 
05.
	background: #ffffff; 
06.
	top: 200px; 
07.
	left: 325px; 
08.
	border: 2px solid #d4d0c8; 
09.
	}
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
Mitglied: Petrof
11.03.2007 um 16:01 Uhr
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
Bitte warten ..
Mitglied: Dani
11.03.2007 um 16:09 Uhr
Hi,
naja...ich wollte nicht den Text ausrichten, sondern das DIV-Fenster!!!


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

Gruß
Peter
Bitte warten ..
Mitglied: Petrof
11.03.2007 um 16:39 Uhr
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
Bitte warten ..
Mitglied: Dani
11.03.2007 um 17:21 Uhr
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
Bitte warten ..
Ähnliche Inhalte
Entwicklung
Seite automatisch wieder ausrichten mit css oder javascript? (2)

Frage von rababar2014 zum Thema Entwicklung ...

HTML
HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

CSS
CSS Background-image erscheint einfach nicht (3)

Frage von MyApps2GO.de zum Thema CSS ...

Entwicklung
gelöst IOS WebApp lädt CSS nicht mit (2)

Frage von maddig zum Thema Entwicklung ...

Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(9)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte