[IE8 + XP] CSS veroorzaakt res://ieframe.dll error

[Verwijderd]

Ik ben bezig met het maken van een landings pagina, althans deze was al af totdat we deze gingen openen op XP met IE8. IE8 was uiteraard al uitgebreid getest met Win7.

Op het moment dat de pagina inlaad met IE8 crasht deze en zag ik de volgende melding: "res://ieframe.dll/acr_error.htm#xxx.nl,http://www.xxx.nl/"

Ik ben begonnen met het verwijderen van de CSS en de site deed het weer, na enkele minuten zoeken kwam ik tot de conclusie dat mijn sprite achtergrond in het "*" (sterretje) de boosdoener was. Nadat ik deze sprite heb toegepast op "div,p,a" werkte de site weer normaal!

Heeft iemand hier ook last van gehad? of heeft de klant waarvoor ik werk een geïnfecteerde computer wat deze foutmelding kan veroorzaken??

[Bosmonster]

Een sprite achtergrond op '*' lijkt me sowieso wat overkill?

[Verwijderd]

Ik heb er nog nooit problemen mee gehad en het scheelde me codes omdat ik de background url maar één keer hoefde op te gegeven:

code:

* {
background:transparent url(/images/sprite-whatever.gif) -1000px -1000px no-repeat;
}
#logo {
background-position:0px 0px;
}
#header {
background-position:0px -50px;
background-repeat:repeat-y;
}

[RetroTycoon]

Heb je een wrapper met background, of juist body met background? Gebruik dan een overflow: hidden op de wrapper om de background door te laten komen op alle onderliggende elementen

Iig: ik ga ervan uit dat je dit symptoom hebt bestreden

[ Voor 48% gewijzigd door RetroTycoon op 20-04-2010 15:20 ]

[pieturp]

Verwijderd schreef op dinsdag 20 april 2010 @ 15:16:
Ik heb er nog nooit problemen mee gehad en het scheelde me codes omdat ik de background url maar één keer hoefde op te gegeven:

code:

* {
background:transparent url(/images/sprite-whatever.gif) -1000px -1000px no-repeat;
}
#logo {
background-position:0px 0px;
}
#header {
background-position:0px -50px;
background-repeat:repeat-y;
}

Ik vind dit toch een rare benadering (no offense). Waarom zou je niet gewoon de bg-image op die elementen plaatsen, waar je ze wilt gebruiken? Gewoon met een komma scheiden in de CSS?
Of zie ik nu iets handigs over het hoofd?

Het lijkt me dat een background op alle elementen zetten niet bepaald resource-vriendelijk is...

[Bosmonster]

Verwijderd schreef op dinsdag 20 april 2010 @ 15:16:
Ik heb er nog nooit problemen mee gehad en het scheelde me codes omdat ik de background url maar één keer hoefde op te gegeven:

code:

* {
background:transparent url(/images/sprite-whatever.gif) -1000px -1000px no-repeat;
}
#logo {
background-position:0px 0px;
}
#header {
background-position:0px -50px;
background-repeat:repeat-y;
}

CSS-sprite verkrachting ftw...

Hoe krijg je het voor elkaar zoiets te verzinnen.

Het verbaast me niks dat dit raar en ongewenst gedrag kan veroorzaken.

[ Voor 6% gewijzigd door Bosmonster op 21-04-2010 10:03 ]

[MueR]

Met Bosmonster. De browser zal er niet helemaal happy van worden om op elk element een achtergrond te hebben. Ik ben eerder verbaast dat het in IE8 op Win7 wel werkt dan andersom

[Verwijderd]

Bedankt voor de reacties, dit ga ik dan ook in vervolg netter doen met b.v.

code:

#element, .element, #menu a {
background:transparent url('sprite-whatever.gif') -4000px -4000px no-repeat;
}
#element {
background-position:0px -40px;
}

of heeft iemand anders een betere technique zonder de background sprite meerdere keren te defineren?

Bosmonster schreef op woensdag 21 april 2010 @ 10:01:
Hoe krijg je het voor elkaar zoiets te verzinnen.

Geen idee, misschien had ik het verzonnen op een zaterdag avond met bier en drugs op...

[ Voor 27% gewijzigd door Verwijderd op 21-04-2010 17:37 ]