BG-Bild dynamisch zur Browserhöhe

[Gunnar Bittersmann]

@@Kim:

nuqneH

#bg{
  --8<--
  position:absolute;
  top:235px;
  left:50%;
  margin-left:-483px;
  width:960px;

Das ist äußerst sinnfrei. Bei schmalem Viewport ragt der Inhalt aus diesem heraus, ohne dass eine Scrollbar angeboten wird; Teile des Inhalts sind nicht lesbar.

Blockelemente zentrierst du horizontal mit 'margin: auto'. 'position:absolute; top:235px; left:50%; margin-left:-483px' entsorgst du umweltgerecht.

Und um bei schmalem Viewport kein horizontales Scrollen zu erzwingen, gibst du statt 'width:960px' besser 'max-width: 960px' an.

Qapla'