Hintergrund zentriert und fixed

[Ariane]

Hallo allerseits,

ich hab ein kleines Problem mit css.
Ich hab eine Seite die aus verschachtelten divs besteht.
In einem der divs möchte ich den Background zentriert und fixed.
Dafür hab ich folgenden css-Code für den div:

background-image: url(../img/textBack.png );
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
height: 510px;
margin: 20px 20px 20px 220px;
overflow: auto;

Das Ergbnis ist allerdings, das der Hintergrung nicht zentriert ist, jedenfalls nicht in bezug auf den div, sondern eher in bezug auf den Haupt-Div.
Wenn ich attachment auf "scroll" setze ist alles wieder schön zentriert.

ICh hoffe jemand kann mir helfen.

[Gunnar Bittersmann]

@@Ariane:

Das Ergbnis ist allerdings, das der Hintergrung nicht zentriert ist, jedenfalls nicht in bezug auf den div, sondern eher in bezug auf den Haupt-Div.

Works as designed: “If the background image is fixed within the viewport (see the 'background-attachment' property), the image is placed relative to the viewport instead of the element's padding box.” [CSS21 §14.2.1]

Zu deutsch: „Wenn das Hintergrundbild am Viewport fixiert ist (siehe Eigenschaft 'background-attachment'), wird das Bild relativ zum Viewport und nicht zum Auffüllbereich des Elements platziert.“ [CSS2 §14.2.1]

Live long and prosper,
Gunnar

[Ariane]

@ Gunnar

Thanks a lot, now I was able to fix it.

Have a nice day