BG-Bild dynamisch zur Browserhöhe

[Kim]

@@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'

Weiß gar nicht wo ich antworten soll. :)

Das mit dem Zentrieren ist interessant, danke für den Tipp. Nur wenn ich kein Top mehr habe, fängt er von oben an und das soll er nicht.

Aber schade, dass du nicht auf meinen eigentlich Wunsch eingegangen bist.

So sieht es in etwa aus:

Und der Container mit dem BG soll immer am unteren Ende des Browserfensters aufhören oder dementsprechend wenn mehr Text da ist, weiter nach unten gehen. Mit 100% geht es nicht. Und mit Pixelangaben muss ich es bei jeder HTML-Datei einzelnt anpassen.

Danke erst mal an alle. :)