Top-Themen

Aktuelle Themen (A bis Z)

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, 10103 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
HTML
Webseite zentrieren
gelöst Frage von gamerffHTML2 Kommentare

Hallo, ich habe eine webseite erstellt und möchte nun das diese seite bei jeder Bildschirmgröße immer in der mitte ...

HTML
CSS 3 - "viewport" Kein gültiges CSS?
gelöst Frage von ukodusHTML2 Kommentare

Hey Leute, gerade hab ich den Code (@viewport { }) durch den CSS-Überprüfer ) durchgejagt und er entgegnete: "Einlese-Fehler ...

CSS
CSS Problem
gelöst Frage von michi1983CSS2 Kommentare

Hallo Admins, eventuell kann mir ja hier einer weiterhelfen, ich stehe offenbar auf der Leitung. Auf folgender Website (die ...

CSS
Hilfe bei CSS
gelöst Frage von emeriksCSS8 Kommentare

Hi, vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen ...

Neue Wissensbeiträge
Apple

IOS 11.2.1 stopft HomeKit-Remote-Lücke

Tipp von BassFishFox vor 6 StundenApple

Das Update für iPhone, iPad und Apple TV soll die Fernsteuerung von Smart-Home-Geräten wieder in vollem Umfang ermöglichen. Apple ...

Windows 10

Windows 10 v1709 EN murkst bei den Regionseinstellungen

Tipp von DerWoWusste vor 11 StundenWindows 10

Dieser kurze Tipp richtet sich an den kleinen Personenkreis, der Win10 v1709 EN-US frisch installiert und dabei die englische ...

Webbrowser

Kein Ton bei Firefox Quantum über RDP

Tipp von Moddry vor 11 StundenWebbrowser

Hallo Kollegen! Hatte das Problem, dass der neue Firefox bei mir auf der Kiste keinen Ton hat, wenn ich ...

Internet

EU-DSGVO: WHOIS soll weniger Informationen liefern

Information von sabines vor 23 StundenInternet4 Kommentare

Wegen der europäische Datenschutzgrundverordnung stehen die Prozesse um die Registrierung von Domains auf dem Prüfstand. Sollte die Forderungen umgesetzt ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Von rj11 auf rj45
Frage von jensgebkenLAN, WAN, Wireless19 Kommentare

Hallo Gemeinschaft, könnt ihr mir vielleicht bei der anfertigung eines Kabels helfen - habe ein rj 11 stecker und ...

Netzwerkmanagement
Firefox Profieles im Roaming
gelöst Frage von Hendrik2586Netzwerkmanagement17 Kommentare

Hallo liebe Leute. :) Ich hab da ein kleines Problem, welches anscheinend nicht unbekannt ist. Wir nutzen hier in ...

LAN, WAN, Wireless
Häufig Probleme beim Anmelden in WLAN
Frage von mabue88LAN, WAN, Wireless15 Kommentare

Hallo zusammen, in einem Netzwerk gibt es relativ häufig (1-2 mal pro Woche) Probleme mit der WLAN-Verbindung. Zunächst mal ...

Windows Server
Remotesteuerung der Sitzung (Kennung XX) fehlgeschlagen
gelöst Frage von Stefan91Windows Server14 Kommentare

Hallo Zusammen, seit kurzem bekomme ich oben genannte Fehlermeldung, wenn ich versuche eine Remotesitzung über den Taskmanager fernzusteuern (Rechtsklick ...