Website Hintergrundbild lässt kleinen Außenrahmen.

[FreakyHTML]

Abend.

Ich hab ein kleines Problemchen. Ich habe meiner Website ein Hintergrundbild gegeben. Es hat das jpg Format. Nun habe ich gesagt, dass Breite und Höhe immer 100 % sein soll, damit es den ganzen Bildschirm ausfüllt. Nun zum Problem. Das Ganze klappt sehr gut, aber es entsteht dabei auf jedem Bildschirm ein kleiner weißer Außenrahmen um das Bild im Browserfenster? Woran liegt das? Ich habe doch die 100 % zugewiesen!?

Bitte um Hilfe.

MFG

Mark

 

[Tronjer]

Weil das Seitenverhältnis deines Bildes nicht dem des Browsers entspricht?

Versuche es mal mit background-size: cover.

 

[FreakyHTML]

Ok. Wie funktioniert das denn mit dem Cover? Wo packe ich das hin? Meine Css Definition für den Hintergrund sieht so aus:

#hintergrund {background: url(hintergrund.jpg);width: 100%;height: 90%;margin: 0;padding: 0;z-index: 1;}

 

[Cheffchen]

CSS3 im Detail: Background-Size – Norman's Blog

 

[FreakyHTML]

Hm irgendwie klappt das nicht, was im Blog beschrieben wurde. Habe es jetzt so geändert:

#hintergrund {-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: relative;width: 100%;height: 90%;margin: 0;padding: 0;z-index: 1;}

Aber der weiße Rahmen bleibt :(

 

[threadi]

Welchen Browser verwendest Du denn?

 

[Banana_Jones]

Meine Vermutung:

CSS:

html, body {
    padding: 0;
    margin: 0;
}

 

[FreakyHTML]

Vielen, vielen, vielen Dank!!!! Ich war gerade kurz vorm verzweifeln, als ich den Tipp von Banana_Jones las!!!!! DANKE!