Hallo zusammen.
Es geht um folgendes.
Ich möchte eine Website machen, die ein Hintergrundbild haben soll.
Ich habe oben einen Header und eine Navigation. Darunter befindet sich ein Contentbereich. Diese drei Teil sollen immer zentriert angezeigt werden und liegt im DIV mit der Klasse "wrapper":
#wrapper {
margin: 0 auto;
width: 800px;
position:center;
}
Nun möchte ich das Hintergrundbild einfügen, was gekachelt sein soll und bei jeder Auflösung das ganze Browserfenster ausfüllt.
Demnach habe ich ein großes Bild erstellt (2200x2000 px)
Ich hatte angenommen, dass es mit folgendem CSS im body funktioniert:
background-image: url(bg.jpg);
background-attachment: fixed;
background-position: center;
tut es aber nicht.
Egal was ich veränder, das Bild wird nicht angezeigt.
Habe auch schon versucht zwei diffs rechts und links von dem wrapper zu setzen und das bild zu teilen, aber auch da habe ich probleme mit der positionierung (float etc.)
Vllt kann so schon jemand was sagen, ansonsten für ich noch die css ein.
vielen dank schonmal!
robin
Edit (autom. Beitragszusammenführung):
MMhh...bekomm meine blödes bild zur veranschaulichung irgendwie nicht hochgeladen
Es geht um folgendes.
Ich möchte eine Website machen, die ein Hintergrundbild haben soll.
Ich habe oben einen Header und eine Navigation. Darunter befindet sich ein Contentbereich. Diese drei Teil sollen immer zentriert angezeigt werden und liegt im DIV mit der Klasse "wrapper":
#wrapper {
margin: 0 auto;
width: 800px;
position:center;
}
Nun möchte ich das Hintergrundbild einfügen, was gekachelt sein soll und bei jeder Auflösung das ganze Browserfenster ausfüllt.
Demnach habe ich ein großes Bild erstellt (2200x2000 px)
Ich hatte angenommen, dass es mit folgendem CSS im body funktioniert:
background-image: url(bg.jpg);
background-attachment: fixed;
background-position: center;
tut es aber nicht.
Egal was ich veränder, das Bild wird nicht angezeigt.
Habe auch schon versucht zwei diffs rechts und links von dem wrapper zu setzen und das bild zu teilen, aber auch da habe ich probleme mit der positionierung (float etc.)
Vllt kann so schon jemand was sagen, ansonsten für ich noch die css ein.
vielen dank schonmal!
robin
Edit (autom. Beitragszusammenführung):
MMhh...bekomm meine blödes bild zur veranschaulichung irgendwie nicht hochgeladen

Kommentar