Des bugs sur IE

Bonjour,

Tout va se passer sur ce site : http://www.gene-tec.com

Si vous le testez sous IE8 et inférieur, il apparaît une bordure noire autour du header. J'ai tenté de mettre :

border: none;

mais sans résultat.

D'autre part, les contenus (dans le "maininner") sont posés sur un fond gris alors qu'aucun code css ne spécifie cette propriété.

Avez-vous des indications à me proposer pour m'aider à résoudre ces ennuis ?

Merci à vous tous
Modifié par sportfly (23 Jan 2012 - 11:19)

Bonjour, en règle générale si tu as un problème, je te conseille dans un premier temps de vérifier la validité de ton code html : http://validator.w3.org/

Car il y a quelques erreurs dans ta page (qui n'ont peut-être rien à voir avec le problème mais qui peuvent être à l'origine d'interprétations différentes d'un navigateur à l'autre)

Une fois le code html valide, tu peux alors vérifier aussi le code css : http://jigsaw.w3.org/css-validator/

Si le problème persiste, n'hésite pas... On est là pour t'aider
Modifié par Charlycoste (23 Jan 2012 - 12:14)

Salut,
il y a des propriétés de bordures sur la feuille de style ie-812fbec4.css sur la div #menubar.

Salut,

J'utiliserais selectivizr pour la rétro-compatibilité (à mettre dans le head de ta page)

et je pencherais pour un conflit du à la cascade, genre une border dans une autre feuille de style appelée après la principale
Modifié par jmlapam (23 Jan 2012 - 12:32)

Merci pour vos réponse.
Il s'agissait bien d'une feuille css "oubliée", spécifique à IE.

Je n'aime pas tellement utilisé du javascript pour créer du css3 sur IE.
J'ai quelques erreurs sur w3c, je m'en vais les corriger. Concernant le validateur css, est-il possible de valider du css3 au lieu du css2.1 ?

Merci à vous tous pour votre aide !
Modifié par sportfly (23 Jan 2012 - 16:20)