Zentrieren einer Hintergrundgrafik für alle Auflösungen

[MacDan]

Hiho

Habe so ein Hintergrundbild für meine Site.

Ist es möglich dieses Bild ohne Scrollbalken zu zentieren? Somit hätte ich dann für alle Auflösungen bis 1600er Breite keine Probleme.

Bitte kostenlos registrieren, damit du die Links siehst.

Ich hoffe mein Problem ist verständlich, falls nicht fragt noch einmal nach.


regards
denny

 

[fexx]

AW: Zentrieren einer Hintergrundgrafik für alle Auflösungen

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

Bitte kostenlos registrieren, damit du die Links siehst.

 

[MatthiasM2D]

AW: Zentrieren einer Hintergrundgrafik für alle Auflösungen

Hi,

mit CSS sehr einfach. Da du aber nicht alle Auflösungen abdeckst eher uninteressant.

body {
    background-color: #F2F2F2;
    background-image: url(hintergund.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}

Wenn du mit JS arbeiten möchtest kann ich dir in Zusammenhang mit Jquery Supersized empfehlen. Das skaliert Dir das Bild immer auf die aktuelle Auflösung.

Gruß

 

[MacDan]

AW: Zentrieren einer Hintergrundgrafik für alle Auflösungen

Ich danke euch vielmals. werde ersteinmal die css variante nehmen und mir später jquery supersized anschauen.

schönen feierabend euch noch

regards
denny