PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS Hintergrundbild soll sich beim Scrollen mitbewegen



Zorayja
23-10-2012, 16:42
Hey ich brauche Hilfe bei ner Kleinigkeit :)


body {
background: url('../images/bg_webpage.jpg') no-repeat 0 0;
position: static;
color: #7d7b7a;
font-size: 14px;
line-height: 2;
min-height: 100%;
padding-bottom: 54px !important;
word-wrap: break-word;
}

Man kann auf der Seite tiefer scrollen als das Hintergrundbild hoch ist. Ich möchte, dass egal ob man runter oder hochscrollt, sich das Hintergrundbild nicht verschiebt. Wie realisier ich das?

Auf dieser Seite zum Beispiel ist das so wie ich das meine:
http://css-tricks.com/examples/FullPageBackgroundImage/css-1.php

Ich danke für die Hilfe!

Molaf
24-10-2012, 07:09
Hallo.

Der Inhalt der Seite befindet sich in einem div. Dieses div ist so gross wie das Browserfenster und scroll seinen Inhalt. css->overflow:auto würde das leisten.

Kleiner Tipp: Installiere Dir eine Browsererweiterung für die Webentwicklung, beispielsweise Firebug. Dann kann man direkt andere Seiten untersuchen und die entscheidenen Merkmale auslesen.

Gruß,
Molaf

undefined
24-10-2012, 17:30
Das Prädikat "fixed" und nicht no-repeat ist das was du suchst.

macdos
14-01-2013, 22:54
Schönen guten Abend. NAchdem ich in diesem Bereich noch nicht sehr versiert bin, hätte ich gerne gewusst, 0b es Literatur gibt. aus welcher die Programmiersprache leicht und verständlich zu erlernen ist.