"CSS-Tabellen" wäre eine Lösung.
html bekommt „display: table“, body „display: table-cell“.
iframe bekommt „position: relative“ (wegen dem Hintergrundbild) und „display: inline-block“.
iframe (nach Außen jetzt ein inline-Element) wird horizontal mit „text-align: center“ und vertikal mit „vertikal-align: middle“ für body zentriert.
Das Hintergrundbild bleibt „absolute“ positioniert, ein „z-index“ ist nirgendwo nötig, aber „left“ und „top“ (auf 0) bei dem Bild.
Geändert von etux (26.02.2014 um 15:57 Uhr)
Grund: "vertikal mit" fehlte noch vor „vertikal-align: middle“ für body zentriert.
|