Hi,
ich habe in einem DIV-Element ein Bild eingefügt (Grösse: 1600x1200, 8kb gross) und möchte dies als Hintergrund nutzen.
Hier ist die betroffene Zeile:
<div style="position:absolute; left:352px; top:130px; width:100%; height:100%; background-image:url(design/bckgrnd2.gif); overflow:hidden;"></div>
Die Grösse ist also 1600x1200, jedoch soll der nicht sichtbare Teil des Bildes rechts und unten abgeschnitten werden.
Das geschieht automatisch, ein Hintergrundbild ragt nicht aus dem Element heraus.
Soweit hab ich's auch... aber wenn ich scrolle, ist das Bild schon abgeschnitten... es hat nur die Höhe des Browserfensters, wenn man weiter nach unten scrollt, ist es abgeschnitten, obwohl es eigentlich noch weiter gehen könnte...
Du begrenzt die Höhe des div auf die Höhe des Fensters (height:100%). (vermutlich, hängt von den definierten Höhen der Elternelemente ab)
Damit ist natürlich auch das Hintergrundbild begrenzt.
Setz in das CSS für das div mal noch ein border:1px solid red; ein...
cu,
Andreas
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/