Css Bildschirmausfüllend

Devil024 · 05/15/2011, 14:27

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:

Spoiler

Kann mir da wer helfen?

NotEnoughForYou · 05/15/2011, 18:42

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;
}

BlackTrader · 05/15/2011, 18:54

Den hintergrund horizontal und vertikal wiederholen? oder soll die größe angepasst werden?

NotEnoughForYou · 05/15/2011, 19:38

er will dass das eine bg bild immer in der mitte der seite ist

Devil024 · 05/15/2011, 20:22

Das es sich halt immer automatisch der größe des Browserfensters anpasst.

NotEnoughForYou · 05/15/2011, 22:24

das tut es nie ... das bild kann sich nur zentrieren aber nicht vergrößern / verklelinern

Devil024 · 05/16/2011, 00:21

Quote:

Originally Posted by NotEnoughForYou

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.

BlackTrader · 05/16/2011, 00:31

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)

NotEnoughForYou · 05/16/2011, 22:00

wobei das obrige beispiel nicht von allen browsern unterstütz wird