Hintergrundbild auf Bildschirm ausbreiten ??

[D00dle_MH]

Hallo,

Ich habe mal eine Homepage (mit HTML) erstellt.
>> Home <<
Nun habe ich das Hintergrund, also das Klavier, so breit gemacht, dass es genau auf meinen Bildschirm passt.
Wenn ich aber nun von einem anderen Computer auf die Homepage gehe, sieht man, dass das Bild sich zu
allen Seiten wiederholt. Wie kann ich es einstellen, dass sich das Bild je nach Bildschirmgröße automatisch
anpasst ???

 

[Bubba]

Moin
ich habe das bei mir so gemacht:

In der style.css

div#page-background{
position:fixed; top:0; left:0; width:100%; height:100%;
}


Auf der Seite, wo das Bild sein soll

<div id="page-background"><img src="Strand3.jpg" width="100%" height="100%" ></div>

 

[D00dle_MH]

danke, ich werds mal ausprobieren =))

 

[threadi]

Du brauchst eher die Eigenschaften:

background-repeat: no-repeat;
background-size: 100% 100%;

wobei die Eigenschaft background-size nicht von vielen Browsern unterstützt wird. Siehe:
CSS3 background-size property

 

[Bubba]

Genau, background-size funktioniert nicht immer, z.B. Firefox kann es, IE kann es nicht.

Deshalb habe ich die o.a. Variante verwendet und es funktioniert (soweit ich weiß) in allen Browsern. Dabei muß das Bild nicht vorher auf den Bildschirm angepaßt werden.

 

[prm]

Bildschirmfüllende Hintergrundgrafik