Hintergrund an Auflöung anpassen

[jan1710]

Hallo,

ich habe einige Themen im Forum dazu gefunden, aber leider nichts hilfreiches.
Ich möchte gerne Produktwerbung als Shophintergrund einblenden. (http://www.gameboxes.de/) - wenn ihr eine andere Auflösung als ich habt, werdet ihr sofort das Problem sehen. Bei anderen Auflösungen verschiebt sich der Hintergrund so hinter den Shop, dass man nichts mehr lesen kann.
Habe schon etwas im Stylesheet rumprobiert, aber ohne Erfolg.

Könnt ihr mir weiterhelfen ?



Linkback: https://www.modified-shop.org/forum/index.php?topic=11781.0

[Tomcraft]

Das Bild direkt zu skalieren ist über CSS nicht möglich, es gibt aber einen kleinen Trick: Stretch and Scale CSS Background

Grüße

Torsten

[Matt]

Code: CSS  [Auswählen]

background-repeat: no-repeat; background-position: center top;

sollte helfen. Und dann sollte die Hintergrundfarbe auf die des Bildes angepasst sein.

[Tomcraft]

Naja... aber das skaliert ja nicht.

Aber auch eine möglich Lösung, wobei ich nicht

Code: CSS  [Auswählen]

background-repeat: no-repeat; background-position: center top;
 

sondern

Code: CSS  [Auswählen]

background-repeat: no-repeat; background-position: left top;
 

bevorzugen würde.

Grüße

Torsten

[Matt]

Das ist im aktuellen Fall auch nicht nötig. Der Shop hat eine feste Breite und ist zentriert ausgerichtet. Deshalb auch 'center top' und nicht 'left top'.

[Tomcraft]

Ja stimmt, da hast du Recht. Dann passt das eigentlich.

Grüße

Torsten