IE & AJAX > css non appliqué

Bonsoir,

Voilà je suis en train de tester mon portfolio et je m'aperçois que sur Internet Explorer (8 en l'occurrence) les styles css ne sont pas appliqués sur les portions affichés via AJAX...

Voilà le site.

La portion appelée via AJAX est contenue dans la balise <article> avec l'id : #work_content

j'ai fais des copies d'écran ici.

J'ai fais des recherches mais je ne trouve pas grand chose.

Merci d'avance.
Modifié par charlescoiffier (21 Oct 2010 - 23:37)

J'ai trouvé quelque chose d'étrange : ce sont les sélecteurs css qui semblent poser problème.

Le code suivant ne fonctionne pas :

#work_content>details>dl>dt {
	margin-top: 5px;
}

Par contre celui-là fonctionne :

dt {
	margin-top: 5px;
}

Je ne comprend pas pourquoi...

ok j'ai retiré mes balises html5 et ça roule...

on ne m'y reprendra pas de si tôt avec ça...

Salut

Au lieu de niveler vers le bas, je te suggère d'utiliser cette librairie qui "ajoute" les tags HTML5 au DOM de IE.

Ainsi les CSS / Javascript peuvent s'appliquer sur ces éléments.

Il suffit seulement d'inclure le fichier JS et ça se fait tout seul et tu auras pas de problème. J'ai déjà testé et ça fonctionne très bien sur IE6, 7, 8.

Et le script permet l'utilisation que des balises HTML5, pas forcément le support du CSS3. Ainsi certains sélecteurs ne fonctionneront quand même pas et ça c'est un autre problème