Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS Background attachment fixed: wel in FF niet in IE

Anoniem
None
7 antwoorden
  • Hallo,
    Op de (nieuwe) website die ik voor onze sportvereniging aan het maken ben,
    heb ik (weer) een probleem met CSS.
    Omdat ik graag dotted borders wil (dat kan niet in IE) heb ik dit met behulp van een afbeelding gedaan. Op die afbeelding (o.a. geplaast in de "wrap") staat ook de achtergond van het menu. Ik zou de achtergrondafbeelding graag "fixed" willen hebben. Dit lukt wel in Firefox, maar niet in IE…..
    ik heb met Google wel het een en ander gevonden, maar het is me nog steeds niet duidelijk hoe dit nu op te lossen.
    Ik heb even 2 pagina's online gezet (de site is overigens nog niet af, ook het menu staat nog niet in de goede volgorde etc.)
    Deze pagina's werken:
    http://www.sdffriends.nl/sdffriends_test/index.html
    en
    http://www.sdffriends.nl/sdffriends_test/karate.html
    Vast mijn hartelijke dank voor het meedenken!
  • IE heeft idd een probleem met een fixed background.. Heb het ff met Google gezocht, alleen als de bg op de body zit, dan blijft -ie fixed. In dat geval is een mogelijke oplossing om één grote bg te maken en die op de body te zetten.

    Ander idee schijnt een of ander javascript te zijn dat het voor IE moet fixen: www.howtocreate.co.uk/fixedBackground.html .

    En anders weet ik het ook niet.. (Design in de kast laten totdat IE7 is ingeburgerd? :lol: )
  • Ik heb inderdaad alles in de background gezet, maar dan loopt de stippellijn van de border en de stippeltjes van het linkermenu onder de footer door en dat is niet mooi.
    (Dat kan ik wel aanpassen, maar ik heb er geen idee van hoe het er bij iemand anders uitziet, die geen extra werkbalken in zijn/haar browser heeft. Wellicht krijg je dan een (te) grote witte rand).
    Ik zal straks nog kijken hoe het eruit ziet als ik de border in de (transparante) wrap laat staan, en de stippels op de achtergrond zet. Kan ook nog.
    Tja, toch maar hopen dat IE7 snel komt….
    Bedankt voor je reactie Boelieboelie! :)
  • [code:1:2c3fa94ebc]{
    background-image:
    url('je afbeelding.jpg');
    background-repeat:
    no-repeat;
    background-attachment:
    fixed
    }
    [/code:1:2c3fa94ebc]

    dit werkt wel in IE
  • Ja, in de body werkt het wel maar niet in een div.
    Maar….het euvel is inmiddels opgelost, de stippels staan inmiddels in de achtergrond! :wink:
  • http://www.quirksmode.org/css/background/background2.html
  • In de uitleg van de link die je gaf, valt te lezen dat dat alleen fixed is ten opzichte van het element, maar niet ten opzichte van het window. Dus bij scrollen in het element blijft het wel fixed, maar bij scrollen van het window niet, zoals al valt te zien op de pagina van Mrs, terwijl dat wel de bedoeling is.

    Verklein het voorbeeld dat je gaf maar tot een kleiner schermpje en vergelijk dan het effect van scrollen in FF met het effect in IE.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.