Scrollbalken durch großes Hintergrundbild

[Jormungand]

Hi alle,
für eine Website habe ich ein gewaltiges Hintergrundbild erstellt, so dass bei großen Viewports nicht zu viele kahle Stellen entstehen (von der Dateigröße gehts sogar).
Der Contentbereich ist horizontal und vertikal zentriert. Damit sich auch das Hintergrundbild mit dem Content verschiebt, habe ich den Hintergrundcontainer in den Contentcontainer gelegt.

Reicht nun das Hintergrundbild in negative x- und y-Richtung (steht es links und oben über) ist alles ok - die Hintergrundgrafik ragt aus dem Bild, ohne dass Scrollbalken entstehen.
Steht es aber rechts und unten über, entstehen Scrollbalken.

Gibt es eine Möglichkeit Scrollbalken für ganz bestimmte Container zu unterdrücken?
Kann ich ein übergroßes Hintergrundbild am Content anpassen, ohne dass Scrollbalken entstehen?

 

[cebito]

AW: Scrollbalken durch großes Hintergrundbild

Scrollbalken entstehen nicht durch den Hintergrund sondern durch die Größe deines div. Warum gibst du den Hintergrund nicht deinem body mit? Für mehr Info bitte ein wenig Quelltext UND nen Screenshot wie es aussehen soll.

 

[netbandit]

AW: Scrollbalken durch großes Hintergrundbild

Der Contentbereich ist horizontal und vertikal zentriert.

Eh es evtl. nur komplizierter wird; hast Du das Bild dem BodyTag mal als Hintergrund festgelegt mit background-position: center center; ? Sollte sich der Position des Contenbereichs dann eigentlich auch anpassen, oder habe ich da jetzt einen Denkfehler?

Grüße

?: Zu langsam :hmpf:

 

[cebito]

AW: Scrollbalken durch großes Hintergrundbild

Mit overflow:hidden

Wieder einer deiner sinnlosen Halbzeiler-Posts, die nix aussagen und nur 1000 Fragen im Raum stehen lassen! => Post gelöscht

 

[Jormungand]

AW: Scrollbalken durch großes Hintergrundbild

Scrollbalken entstehen nicht durch den Hintergrund sondern durch die Größe deines div. Warum gibst du den Hintergrund nicht deinem body mit? Für mehr Info bitte ein wenig Quelltext UND nen Screenshot wie es aussehen soll.

Hast recht, Cebito. Ich meinte ich hätte es genau genug beschrieben.

background-position: center center;

Das ist die Lösung! Mir war nicht bewusst, dass man das Hintergrundbild im Body auch zentrieren kann. Ich habe dafür immer einen extra Container verwendet. (jaja, schon gut! Ich schäm mich ja!)
Der Vollständigkeit halber sei noch gesagt, dass man dabei auch

background-attachment: fixed;

hinzufügen muss, sonst wird das Hintergrundbild nur horizontal zentriert. Aber der Anstoß hat geholfen!

Danke, Netbandit und Cebito für die Hilfe.

Viele Grüße
Jormungand