[Résolu] Compatibilité internet explorer : encore !

Bonjour !

voilà, IE me fait des misères, comme à son habitude.
L'adresse du site : http://www.guimbal.com/x_nouvel/

n'essayez pas de le valider w3c, ou alors regardez les erreurs : elles sont sans importance (non présence d'attributs "alt" sur les images, et des erreurs quand ya des "<" ou ">" dans le javascript)

Mon problème :
Tout marche impec avec n'importe quel navigateur (4 testés)...sauf, bien sur, internet explorer.
le bug le plus important :
les menus. ils ne s'affichent pas du tout, et je ne comprends pas pourquoi.

Quelques infos
- Les menus sont gérés par défaut en javascript (jQuery)...
- Le javascript peut être désactivé complètement http://www.guimbal.com/x_nouvel/noscript.php)... les menus sont alors gérés par des sélecteurs CSS

une fois que vous avez désactivé les scripts, pour les réactiver, visitez http://www.guimbal.com/x_nouvel/withscript.php

=> le problème est présent, script ou pas script. j'en viens donc à penser qu'il s'agit d'un problème de définition de la structure des menus.



Si quelqu'un a une piste... je lui devrai une fière chandelle !

Merci d'avance...
Modifié par icareo (28 Jan 2010 - 04:16)

Première des choses, utilisé un tableau pour ton menu n'est pas une structure idéale.

Donc, je te conseille de t'inspirer fortement du menu de ce site qui est, à mon avis, très bien fait. Il fonctionne dans tous les navigateurs sauf IE6 et je suis persuadé qu'avec un peu d'effort il pourrait être ajusté pour IE6 aussi. Il fonctionne aussi sans javascript.

http://www.pq.org/

Au fait, ce n'est pas une promotion pour ce parti politique mais seulement utilisé à titre d'exemple

Vu que je te suggère une autre alternative plus intéressante, je n'ai pas regardé en profondeur ton code javascript, html et css.
Modifié par Sorano (27 Jan 2010 - 15:42)

Merci ! en effet, ça sur le principe, c'est la même chose que ce que j'ai fait...

je sais, honte sur moi, j'ai utilisé des table à un endroit où il n'y en a pas besoin... mais c'était une manière bourine de régler un problème qui m'a em#%§é pendant un certain temps...

encore merci pour le lien

En plus, si tu veux juste les CSS du menu, ils ont fait une feuille à part.

Tu peux juste copier le code HTML du menu, prendre la feuille CSS spécifique à ce menu ( http://pq.org/css/navigation.css ) et ajuster tes trucs dans navigation.css et ça marchera sans trop de problème.

Pour l'utilisation des tableaux, bien qu'il soit possible de faire un tableau de présentation accessible mais d'un point de vue sémantique, un tableau est un tableau de données. Il faut donc résister à la tentation et surtout qu'avec ce forum, il y a plein de ressources

Pour ceux que ça peut interesser : j'ai trouvé le bug :
il s'agit visiblement d'un problème d'ie avec l'overflow lorsque le filtre alpha est défini.


j'avais, en CSS, l'encadrement du menu :

    
{
     filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
}

(restes de tests de transparence)

et IE a pas aimé ! tout élément dépassant de ce div se retrouvait comme si overflow:hidden; avait été défini.
Modifié par icareo (28 Jan 2010 - 02:58)