[CSS] Fixed Background Image

[Verwijderd]

Ik wil met CSS graag de achtergrond van een div vast zetten, zodat deze niet mee scrollt met de inhoud ervan. Nu heb ik een probleem alsvolgt.

Zonder de eigenschap background-attachment: fixed ziet het er prima uit, totdat je gaat scrollen want dan gaat de achtergrond zoals te verwachten valt, mee scrollen.

Zodra ik deze als fixed instel scrollt de achtergrond niet meer mee, maar is het zoveel verschoven dat er niks meer van klopt. Het lijkt erop dat de achtergrond zich in lijn met de pagina zelf plaatst in plaats van de div.

Cascading Stylesheet:

#main_body {
    background-image: url(images/rlv_layout_r3_c2.png);
    background-attachment: scroll;
    float: left;
    height: 439px;
    width: 744px;
    padding: 10px;
    overflow: auto;
}

Screen met background fixed (met no-repeat om het wat duidelijker te maken):

[ Voor 11% gewijzigd door Verwijderd op 06-01-2007 16:29 ]

[crisp]

Het lijkt erop dat de achtergrond zich in lijn met de pagina zelf plaatst in plaats van de div.

Dat klopt want dat is in lijn met de specificatie; 'fixed' is t.o.v. de viewport

[Verwijderd]

crisp schreef op zondag 07 januari 2007 @ 00:59:
[...]

Dat klopt want dat is in lijn met de specificatie; 'fixed' is t.o.v. de viewport

Is er ook een oplossing waarmee ik wel kan doen wat ik wil?

[erwin85]

Je hebt je background image geen positie meegeven.

Dus: background: url(images/rlv_layout_r3_c2.png) no-repeat top left;

Dat zou moeten werken denk ik.

[Rowanov]

Je kan je achtergrond ook in pixels of andere eenheden positioneren, maar voor dat kan je wederom de specificatie lezen waar crisp je een link naar gaf.

[ Voor 4% gewijzigd door Rowanov op 07-01-2007 12:08 ]

[Verwijderd]

Rowanov schreef op zondag 07 januari 2007 @ 12:08:
Je kan je achtergrond ook in pixels of andere eenheden positioneren, maar voor dat kan je wederom de specificatie lezen waar crisp je een link naar gaf.

Ik had daar ook al een beetje mee gespeeld maar was er niet helemaal mee uitgekomen. Ik zal nog wel even kijken, bedankt.