Antworten zum Thema „CSS Hintergrund größer als Bildschirm“

[Foto-Delight]

Hi,

ich bin gerade dabei ein Design für eine neue Homepage von mir zu erstellen.

Hierbei würde ich gerne ein 1400px breites Hintergrundbild verwenden, damit es auf einem Widescreen nicht so klein und schmächtig aussieht.

Ist es möglich, dass das Hintergrundbild auf einem 1280*1024 Bildschirm mittig zentriert angezeigt wird und die Ränder rechts und links abgeschnitten werden?

Ich kämpfe da schon ne ganze Zeit lang dran, hab auch schon gesucht, weiß aber gar nicht genau, was ich genau suche

Vielen Dank schonmal

Foto-Delight

 

[hubspe]

AW: CSS Hintergrund größer als Bildschirm

body  {
    background: url(wegzurgrafik.png) no-repeat center top;
}

 

[Pixelverwender]

AW: CSS Hintergrund größer als Bildschirm

Habe es jetzt nicht selbst getestet, aber ich würde einen DIV-Container nehmen, den auf 100% skalieren und das Bild dort dann als Hintergundbild nehmen.

.container
{
background-image:url(images/hintergrund.jpg);
background-repeat:no-repeat;
background-position: center;
width: 100%;
}

Edith: oder natürlich den body Tag entsprechend ce-ess-essen, wie hubspe es schrieb

 

[Foto-Delight]

AW: CSS Hintergrund größer als Bildschirm

Genauso kurz und bündig:

VIELEN DANK!! Klappt!! Danke hubspe