Hey,

ich habe jetzt lange rumprobiert und es nicht hinbekommen... Erstmal kurz was ich gerne machen würde:

[img]http://iceflash.de/fs/hpf1.jpg[/img]

Als Hintergrund (im body) habe ich diese graue Struktur. In der Mitte hätte ich gerne das Blatt Papier. Wenn man hinunterscrollt, soll der Hintergrund fixiert genau so bleiben, wie er jetzt auf dem Screen ist.

[img]http://iceflash.de/fs/hpf2.jpg[/img]

Allerdings funktioniert das wie man hier auf dem zweiten Screen sieht nicht so richtig.

Code:
body {
    background: url('bg2.jpg') repeat;
}

#bgLayer {
    background: url('paper.png') no-repeat center top;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -444px;
    z-index: -1;
    width: 888px;
    height: 100%;
}


Html:
<div id="bgLayer"></div>

<div id="content">
  <h1>Header One</h1>
  <p>Lorem ipsum usw. [...]</p>
</div>


Edit:
Zuerst hatte ich es lokal auf dem PC, aber ein Link ist vermutlich doch besser. Zu finden ist das ganze hier.

Wäre toll wenn mir jemand zeigen könnte, wie man das hinkriegt. :-O

Kroko.


Bearbeitet von Scnappi (02.07.2009, 19:13:05)
Bearbeitungsgrund: Falsche ID im CSS korrigiert