nicht angemeldet
Hallo,
Ich habe die CSS-Angabe
body { background-image:url(bg1.gif); background-repeat:no-repeat; }
Das Bild füllt den gesamten Bildschirm aus.
Das trifft zufällig für _deine_ Bildschirmgröße zu. Ein Hintergrundbild hat eine unveränderte Größe in Pixeln. Bei einem größeren Bildschirm reicht's dann nimmer.
Wie kann ich erreichen, dass das Bild sich verkleinert, wenn das Fenster verkleinert wird?
Du packst dieses Bild mit <img ... width='100%' height='100%'> als einziges Element in einen div {position:absolute;width:100%;height:100%}
Wenn beim Bild width oder height fehlt, wird es _proportional_ verändert, es können rechts oder untern unbebilderte Streifen entstehen.
Bei einem 'normalen' Bild erreicht man dies ja durch die size-Angaben in em.
Auch wieder nur zufällig bei _deiner_ Bildschirmgröße und _deiner_ im Browser eingestellten Schriftgröße. 1em entspricht der im Browser eingestellte Schriftgrösse, die Fenstergröße ist davon vollkommen unabhängig.
Gruß, Kalle
Hier einige 100% - Hintergrundgrafiken, die sich auch verzerren, damit das Fenster bei unterschiedlichem Breiten- Höhenverhältnis ausgefüllt ist:
http://shanthi-guesthouse.de/loop_1_index.htm
Gernot Back