 Objekte zentrieren - Hintergrundinformation
Dieser Artikel zeigt die Berechnung der Position eines Pop-Up-Windows oder einer DIV-Box, wenn das Objekt in der Bildschirmmitte angezeigt werden soll.
|
|
Objekte im Window zentrieren
Berechnung der Position innerhalb des Browserfensters / Frames.
Lesen sie dazu auch die Artikel
 Inhaltsseite im Browserfenster zentrieren
Frameset im Browserfenster zentrieren (Menü FRAMES)
Objekt in der Fenstermitte zentrieren
Fehlersuche 100% Tabellenhöhe (Menü Fehlersuche)
Window (Objekt) in der Fenstermitte anzeigen
Natürlich ist das erst mal abhängig von der Breite und Höhe des Windows.
Aus der vefügbaren Bildschirmhöhe / -breite errechnet man (oder ein Script) wo die linke obere Ecke des Fensters positioniert werden muss.
Veranschaulichung Berechnung des linken Abstands:
Dynamisches Beispiel der Berechnung
Dazu wird im JavaScript die Bildschirmweite ermittelt, die Fensterbreite subtrahiert und dieser Wert durch 2 geteilt. Der ermittelte Wert wird der Variablen winlinks zugewiesen !
Die Variablen w und h enhalten Angaben für die Fensterbreite und -höhe.
w = 400
h = 300
Bei der Berechnung werden ihre Bildschirmabmessungen einbezogen.
Position der linken oberen Ecke berechnen, Abstand von links
var winlinks = (screen.width - w) / 2;
var winlinks =
Ergebnis: Position der linken oberen Ecke - Abstand von links ist
Position der linken oberen Ecke berechnen, Abstand von oben
Genauso verfährt man mit der Höhe. Variable: winoben
var winoben = (screen.height - h) / 2;
var winoben =
Ergebnis: Position der linken oberen Ecke - Abstand von oben ist
Inhaltsseite im Browserfenster zentrieren
Frameset im Browserfenster zentrieren (Menü FRAMES)
Objekt in der Fenstermitte zentrieren
Fehlersuche 100% Tabellenhöhe (Menü Fehlersuche)
|
Home • Diverses • Objekte zentrieren
