Antworten auf deine Fragen:
Neues Thema erstellen

Scrollbalken durch großes Hintergrundbild

Jormungand

VonAllemEtwas

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

undefined

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

Aktives Mitglied

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:
 

Jormungand

VonAllemEtwas

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
PHP:
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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.349
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben