Bild.gif autosize

[Scholes]

Hallo Leute, ich habe einige Schwierigkeiten mit HTML !!!
ich habe eine Bilddatei im gif Format, welche je nach größe des Bildschirms an die Auflösung angepasst werden soll.
Aktuell wird je nachem wie groß die Auflösung ist, ein Teil des Bildes angeschnitten, aber nie das ganze Bild gezeigt. Das Bild soll aber je nach Größe des Bildschirms richtig skaliert werden.
Unten der HTML Code


}
.carbonBoxBottom {
text-align:center;
padding-top: 10px;
padding-bottom: 14px;
background: black url(/vpn/images/LoginCarbonFiberBgFooter.gif) no-repeat bottom center;
}

 

[scbawik]

Das ist kein HTML sondern CSS-Code.

background-size: contain;

oder

background-size: cover;

funktioniert in älteren Browsern allerdings nicht.

 

[Scholes]

Wo soll ich die Zeile denn einfügen? Bzw welche Zeile soll dafür weichen?

 

[threadi]

Du brauchst die o.g. Eigenschaft nur zu den anderen schon vorhandenen ergänzen.

 

[jumbo125]

Positionieren im ie 6 ist gleich wie in den neuen Browsern;
Background-size funktioniert nicht im ie. Behülfe Schaft eine drei : ie-css3.htc
Google mal, d findest sicher was. Ich hab mich für etwas anderes entschieden:

Eine extra drei für ie6-8:
.ie6 #container,
.ie7 #container {
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='img/hintergrund.jpg',sizingMethod='scale');
}

Willst du nun das fimage positionieren schreibe:
#container Ing{Position:relative; Top/left/bottom/riht: was du willst}

Mit iphone gescheieben