[html/css] Background image fixed niet in FF

[Danjel]

Ik ben al vannaf vannochtend 09:00 bezig dit probleem op te lossen alleen het wil dus echt niet werken.
Met de search/google ben ik dus ook niet tot een uitkomst gekomen en vraag ik hierbij om jullie hulp.

Ik heb een horizontaal & verticaal gecentreerde container, daarin zitten een aantal divjes die elk hun eigen background image hebben.

Nu is het zo dat er 1 div is die ook de optie: overflow: auto; bevat.
Maar wat nu dus het probleem is, is dat het plaatje in Firefox en IE mee gaat doen.

Enige opties om het plaatje stil te zetten zijn:
background-attachment: fixed; en background-attachment: scroll;.

Als ik fixed doe, dan is mijn plaatje in FF weg. Maar in IE doet ie het prima.
Als ik scroll gebruik, dan is hij goed in FF. Maar in IE gaat ie toch mee doen.

Nu heb ik al geprobeert om het plaatje op verschillende manier in FF op z'n plek te krijgen door o.a. background-position. Maar geen enkele waarde werkt.

Ook als ik dus scroll gebruik dan krijg ik hem in IE niet stil.

Heeft iemand een idee hoe ik dit kan oplossen?

-edit-
De website waar het over gaat: klik

[ Voor 6% gewijzigd door Danjel op 08-02-2006 14:20 ]

[_eXistenZ_]

Kan je niet voor die ene div met overflow een iframe gebruiken?
Je pagina is dan niet meer HTML 4.01 strict, maar kan gewoon valid 4.01 transitional (hoe schrijf je dat) zijn. Het verschil tussen die 2 is dat strict alleen de basis dingen toestaat, en er bij transitional nog extra dingen zijn toegevoegd aan html 4.01 die het W3C heeft goedgekeurd, waaronder dus een iframe.

Hier heb ik hetzelfde gedaan, en de site is perfect 4.01 transitional valid Succes!

[André]

Je kunt met conditional comments ook gewoon een apart style maken voor IE waarin je background-attachment: fixed; doet

[_eXistenZ_]

Kan ook, maar ik zou het doen zoals het hoort. Het hoort stil te staan, en dus moet het fixed zijn in je css. Wat ik dus in mijn vorige post aanbied is eigenlijk een lapmiddel om het ook goed in IE te laten zien, net als de oplossing die André geeft. Dat IE niet goed met CSS kan omgaan, is jammer maar helaas. Zet dat gewoon op de site zoals ik ook heb gedaan

[ Voor 37% gewijzigd door _eXistenZ_ op 08-02-2006 15:09 ]

[Danjel]

Hm, dat is opzich vervelend want ik wou juist niet met frames oid gaan werken. (ook noooit gedaan btw).

scheldwoorden zijn niet liev

[ Voor 25% gewijzigd door BtM909 op 08-02-2006 17:56 ]

[JHS]

Met de suggestie van André heb je toch geen frames nodig?

[Danjel]

Maar dat is een manier zoals het niet hoort...
(misschien dan toch maar ff naar iframes kijken)

[BtM909]

Danjel schreef op woensdag 08 februari 2006 @ 17:36:
Maar dat is een manier zoals het niet hoort...
(misschien dan toch maar ff naar iframes kijken)

Hoezo niet hoort? Daar zijn conditional comments nou eenmaal voor gemaakt

[Danjel]

Ah bah. Nu zijn conditional comments aan de beurt. (echt schijt ziek word ik van die frames)

-edit-

Op een of andere manier werkt een conditional comment ook niet...

Ik heb nu in de head tag gezet:

code:

<!--[if IE]>
<style type="text/css">
background : url('pics/main.png');
background-repeat : no-repeat;
background-attachment : fixed;
text-align : left;
width : 310px;
height : 242px;
float : right;
margin-left : 8px;
margin-top : 16px;
overflow : auto;
padding : 4px;
</style>
<![endif]-->

Maar dat werkt dus niet. Of doe ik toch iets fout?
Volgens : http://www.quirksmode.org/css/condcom.html zou het zo moeten werken namelijk.

Ehm nvm werkt al. Was zo slim om ook ff aan te geven WAAR hij het moet toepassen

-edit-

Super bedankt andre & btm909 (en sorry voor dat scheldwoordje, moest het ff kwijt).

[ Voor 98% gewijzigd door Danjel op 08-02-2006 18:23 ]

[_eXistenZ_]

Jouw site heeft een doctype bovenaan, waardoor je browser uit de lamballen mode gaat, en een hoop dingen die wel logisch zijn maar niet volgens de standaard zijn overboord zet. Daardoor werkt dit blijkbaar niet meer. (Zei ik al, het is niet volgens de standaard )

Goeie oplossing: HTML transitional gaan, en als daar je IE trucje ook niet mag toch een iframe namen.
Schijt oplossing: Niet valid gaan en de doctype weg slopen, je browser gaat weer in quirks mode en je site ziet er pimp uit.

/edit

Het mag blijkbaar toch zie ik, je hebt het al opgelost.

[ Voor 9% gewijzigd door _eXistenZ_ op 08-02-2006 19:06 ]

[Danjel]

Yup,
Maar toch bedankt voor je hulp.