Background füllt immer den kompletten Browser aus
 

Moin moin liebe Community.

Habe ein kleines Problem. Nach langem suchen habe ich nichts gefunden und hoffe ihr könnt mir helfen.

Ich möchte auf meiner Seite einen Hintergrund einfügen. Soweit ist es einfach. Jetzt das Schwierige. Der Hintergrund soll immer so groß sein wie die größte größe des Browserfensters. am besten ihr seht euch ein Beispiel an^^

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Und im Anschluss möchte ich nicht das sich das Bild immer von alleine wechselt sondern bei jeden seiten wechsel ein Zufalls Bild kommt.

Ich hoffe ihr könnt mir helfen^^

Das S***** heißt [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...], anpassen musst du es selber.

Nur hab ich dazu ne kleine Bemerkung. geht das auch über CSS? Zumindest diese Bildvergrößerung? möchte Javas***** so gut es geht vermeiden^^

soweit ich weiß ist das ohne Javas***** nicht möglich und das ist das beste S***** was du dafür bekommen kannst, nutze es selber.

Aber ich mag doch kein JS. JS ist doch doof (rumquängel)

Nee scherz^^

Ich schau es mir mal an. bei weiteren fragen zwegs implementierung oder sonstiges meld ich mich dann nochmal^^

Wenn Du aus dem Browser mehr als einen Thin-Client machen willst, dann führt kein Weg an JavaS***** vorbei. In diesem Zuge musst Du Dich dann auch direkt mit jQuery beschäftigen.
JavaS***** ohne jQuery ist sinnlos.

Na mir geht es nur darum das ich unsere Gilden-Seite komplett überarbeiten will und da habe ich mir gedacht. das passt doch gut da mit rein dieses Vollbild-Bild :confused:

kannst dir ja mal den prototypen anschauen^^

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

wie gesagt, die Seite ist noch im Rohzustand und ich muss da noch einige Sachen Programmieren fürs Login, Registration, Bilderupload, Gästebuch usw.

css lösung:

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