Hi,
ich möchte eine Grafik gern als Hintergrundbild in eine Webseite einbauen, sodass sie bei horizontaler Position x (wobei hier ein Pixel-Wert übergeben werden soll) am unteren Rand der Seite (nicht zu verwechseln mit dem sichtbaren Bereich im Browser) angebaut wird.
gut, eigentlich kein Problem.
Das Hauptproblem seh ich momentan darin, dem "body"-Tag ...
Dem body-Element, nicht dem Tag. Das body-Tag hat eine Höhe von einer Zeile im Quellcode.
...die passende Höhe zu geben, denn sonst würde die Positionierung mit einer Angabe wie
background-position: 1240px bottom;
ja wahrscheinlich recht einfach gelingen.
Und das für das body-Element. Ja, genau so einfach ist es auch.
Nebenbei bemerkt wird das Bild mit einem x-Offset von 1240px vermutlich bei sehr vielen Besuchern irgendwo weit rechts im Off verschwinden. Möchtest du vielleicht lieber
background-position: right bottom;
verwenden?
100% wird dabei ja als die Bildschirmhöhe interpretiert und nicht als die Seitenhöhe. Gebraucht würde aber die Seitenhöhe. :)
Wo gibst du die 100% Höhe an? Lass die Höhenangabe weg, dann ist das body-Element genau so hoch, wie es sein Inhalt erfordert. Wenn es bei dir die gesamte Fensterhöhe (nicht Bildschirmhöhe!) einnimmt, betreibst du den Browser womöglich im Quirks Mode, indem du keine oder eine unvollständige DOCTYPE-Angabe hast.
Ciao,
Martin
Alle Tage sind gleich lang. Aber unterschiedlich breit.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(