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, 9567 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
IOS WebApp lädt CSS nicht mit (2)

Frage von maddig zum Thema Entwicklung ...

CSS
gelöst Jimdo Webseiten Header per css verkleinern (6)

Frage von Flodsche zum Thema CSS ...

Suse
gelöst SquidGuard filtert CSS (3)

Frage von killtec zum Thema Suse ...

Heiß diskutierte Inhalte
Verschlüsselung & Zertifikate
gelöst Festplattenverschlüsselung im Ausland (13)

Frage von Nicolaas zum Thema Verschlüsselung & Zertifikate ...

Festplatten, SSD, Raid
gelöst Fehlerhafte Blöcke im RAID 10 (12)

Frage von Kojak-LE zum Thema Festplatten, SSD, Raid ...

Batch & Shell
HTML in Batch und Powershell (12)

Frage von michi-ffm zum Thema Batch & Shell ...

Windows Server
gelöst Microsoft-Lizenz CALs und passendes Server-Betriebssystem (12)

Frage von planetIT2016 zum Thema Windows Server ...