IE8 Refus d'appliquer des stylesheet aux éléments créés par dom

J'ai appris aujourd'hui qu'un de mes sites Web, TwitPeek.net, ne fonctionne pas correctement dans IE8 en dehors du "Mode de compatibilité". Le site fonctionne bien dans IE7. Après une enquête, il semble qu'IE8 refuse d'appliquer les feuilles de style de page aux balises anchor et img générées par le javascript de la page. Pour cette raison, aucune des animations script.aculo.us ne s'affiche correctement, les images ne sont pas définies à une taille uniforme et toutes les marges sont complètement ignorées.IE8 Refus d'appliquer des stylesheet aux éléments créés par dom

Fondamentalement, la page ressemble à de la merde.

Cela doit être un bug IE8, mais y at-il quelque chose que je peux faire pour contourner cela en plus d'utiliser le méta-tag du mode de compatibilité?

EDIT: Problème résolu. IE8 ne traitait pas l'attribut de classe sur le nouveau DOMElement. J'ai dû définir className à la place.

Source

2009-07-25 ChiperSoft

peut vous envoyer ce que le code HTML de vos images ajoutées dynamiquement ressemble, puis le CSS correspondant? – Jason

En effet, le nouveau comportement conforme aux normes IE8 est couvert ici: http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx – EricLaw

est ce que vous voyez ceci dans votre code source?

<body id="index;" >

je doute qu'il n'a rien à voir avec/IE8 et plus à faire w/votre HTML ...

EDIT Je pense que votre erreur est ici:

#FeedList>div>a.item>img { <------------ 
    border:0;  
    width:140px; 
    height:140px;  
    -webkit-box-shadow:0px 2px 7px black; <-------- 
}

peut-être essayez:

#FeedList div a.item img { 
    border:0;  
    width:140px; 
    height:140px;  
}

pour voir ce qu'il fait ... aussi, s'il vous plaît poster le gener ated HTML ... vous pouvez avoir des problèmes avec HTML malformé aussi.

PS: Je reçois aussi l'erreur JS suivant:

Webpage error details 

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; 
SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; InfoPath.2; Zune 3.0; .NET CLR 
3.5.30729; .NET CLR 3.0.30618; Tablet PC 2.0) 

Timestamp: Sat, 25 Jul 2009 04:13:00 UTC 


Message: 'console' is undefined 
Line: 21 
Char: 41 
Code: 0 
URI: http://www.twitpeek.net/js/twitpeek.js

Source

2009-07-25 03:27:54 Jason

D'accord. Le site et les animations fonctionnent bien pour moi dans IE8. –

ps ... vous pouvez également essayer jquery. c'est beaucoup plus facile :) – Jason

ty, je n'ai pas remarqué ça, mais ce n'est pas lié au problème que j'ai. Peut-être que c'est un problème de Win7 IE8 alors, puisque c'est ce que je cours. – ChiperSoft

IE8 Refus d'appliquer des stylesheet aux éléments créés par dom

Répondre

Questions connexes