✔ Hintergrund skalieren

[emonem]

Hi,

ich habe eine Grafik erstellt die 850px hoch sowie 32px breit ist.
Diese Grafik will ich als Hintergund dargestellt haben.
Habe dazu folgenden CSS eintrag gemacht:

html, body {  
height: 100%;   
}     
body {  
margin:0px 0px 0px 0px;  
background-image:url(../front/bg.jpg);  
background-repeat:repeat-x;  
background-attachment:fixed;  
background-position:center;    
}

Klappt auch bis dahin. Aber jetzt hab ich das Problem das die Grafik nicht im Browserfenster skaliert wird.
Bei einer Browserfestergröße unter 850px wird der Rest der Grafik abgeschnitten da er ja nicht mehr sichtbar ist und über 850px wird ein weißer Rand oben und unten im Browser angezeigt.
Wie bekomm ich die Grafik jetzt dazu das sie sich immer der aktuellen Auflösung anpasst und sich über das gesamte Browserfenster erstreckt?
Danke und Gruß

emonem

 

[PuReSteeL]

Mit HTML und CSS gar nicht. Grafiken im Hintergrund haben immer ihre eigentliche Größe.

 

[matdacat]

Irgendwie ist meistens alles machbar. Ob diese Möglichkeit für dich in Frage kommt, mußt du selbst entscheiden.Die Demo sieht aber vielversprechend aus.

 

[PuReSteeL]

Stimmt, sogesehen schon. Ist zwar nicht wirklich mehr ein Hintergrundbild, aber es spricht ja nichts dagegen, ein DIV-Element für diese Zwecke zu verwenden.

 

[emonem]

Ja genau das hab ich die ganze Zeit gesucht.
Danke und Gruß
emonem