Compatibilité CSS/XHTML sous IE7

Bonjour

Je fais un stage de 10 semaines pour le site http://www.entreacheteurs.fr et je rencontre des difficultés avec IE7.

Le bandeau de haut de page s'affiche correctement sous Firefox, Chrome, Safari, Opera et IE8 mais sous IE7 ça ne passe pas (ou IE8 en mode de compatibilité)

Ce qui est curieux : seuls trois éléments du bandeau s'affichent, le reste est caché. Mais lorsqu'on passe la souris sur un de ces éléments pour le sélectionner, le reste apparaît ! Mal positionné, mais il apparaît. A la limite c'est pas grave, je pourrai faire une CSS spéciale pour IE7.

Bug d'Internet Explorer 7 ou problème de XHTML/CSS ?

Je précise qu'avant, la compatibilité sous IE était pire que ça, j'ai refait le bandeau de zéro en optimisant au maximum les positions absolues, relatives.

Je peux vous mettre quelques bouts de code, si quelque chose vous saute aux yeux...

Merci d'avance, votre aide me sera précieuse !

Vincent

Citation:

---

Détails de l’erreur de la page Web

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Horodateur : Mon, 3 May 2010 10:49:58 UTC


Message*: 'document.getElementById(...)' a la valeur Null ou n'est pas un objet.
Ligne*: 3
Caractère*: 4
Code*: 0
URI*: http://www.entreacheteurs.fr/data_and_images/legende.js

---

Pas sûr que ce soit lié mais j'ai cette erreur sous IE & Opera

En effet ce n'est pas lié. J'utilise une astuce pas très propre mais à défaut d'avoir trouvé mieux ....

Puisque le contenu du bandeau apparaît à la sélection de la souris, j'ai fait un onload=<nom_des_elements>.select() ...

De cette façon, les champs les plus importants apparaissent mais tout ce qui ne se trouve pas dans un <form> reste caché.