Css Bildschirmausfüllend

05/15/2011 14:27 Devil024#1
Hey,

Ich bekomme es einfach nicht hin, dass der Hintergrund sich automatisch an das Browserfenster anpasst.
Egal wie ich es rein schreibe es funktioniert nicht.
Hier ist der Teil aus der style.css:

Kann mir da wer helfen?
05/15/2011 18:42 NotEnoughForYou#2
wo willste ihn den haben ? und wieso floatest du dein content?

HTML Code:
body {
background:url("img/bg.jpg") #000 no-repeat; 
margin:0px auto;
}
05/15/2011 18:54 BlackTrader#3
Den hintergrund horizontal und vertikal wiederholen? oder soll die größe angepasst werden?
05/15/2011 19:38 NotEnoughForYou#4
er will dass das eine bg bild immer in der mitte der seite ist
05/15/2011 20:22 Devil024#5
Das es sich halt immer automatisch der größe des Browserfensters anpasst.
05/15/2011 22:24 NotEnoughForYou#6
das tut es nie ... das bild kann sich nur zentrieren aber nicht vergrößern / verklelinern
05/16/2011 00:21 Devil024#7
Quote:
Originally Posted by NotEnoughForYou View Post
das tut es nie ... das bild kann sich nur zentrieren aber nicht vergrößern / verklelinern
Natürlich kann es sich dem Browser anpassen.
Bildschirmfüllend. Sodass das Bild gestreckt wird, und beim kleiner machen des Browserfensters auch der Größe angepasst wird.
Ich weiß dass es geht nur nicht wie.
05/16/2011 00:31 BlackTrader#8
erstes ergebnis google(css background resize):
anstadt html kannst du auch body nehmen, aber laut der seite is html besser^^

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

(need css3)
05/16/2011 22:00 NotEnoughForYou#9
wobei das obrige beispiel nicht von allen browsern unterstütz wird