Difference Firefox IE OPERA ...

Bonjour tous le monde !!

Voila j'ai programmé un menu que j'ai testé depuis le début sur firefox.
Tout fonctionne à merveille !! Puis en le testant sur IE je m'aperçois de la catastrophe ^^.

Voila je ne suis pas une bête de standards, donc je me tourne vers vous !

Est il possible d'avoir le même résultat que sur Firefox sur IE et Opera ?

Voici un lien présentant le menu !

www.cesoirastrasbourg.com/lieux

J'ai cherché un peu partout mais pas encore trouvé la soluce, alors si vous êtes plus rapide que moi n'hésitez pas !!!

Il s'agit d'un div :

<div id="globalheader" style="z-index:50000; position:fixed; margin:auto;">
            <ul id="globalnav">
                <li><a href="http://www.cesoirastrasbourg.com"><img src="http://www.cesoirastrasbourg.com/buttons/accueil.png" alt="Strasbourg" width="150" height="150" border="0" title="Ce soir à strasbourg" /></a></li>
              <li><a href="http://www.cesoirastrasbourg.com/sorties"><img src="http://www.cesoirastrasbourg.com/buttons/events.png" alt="Sortir &agrave; strasbourg" width="150" height="150" border="0" title="Blog strasbourg" /></a></li>
              <li><a href="http://www.cesoirastrasbourg.com/discussions"><img src="http://www.cesoirastrasbourg.com/buttons/forum.png" alt="Le forum strasbourgeois" width="150" height="150" border="0" title="Rencontres à strasbourg" /></a></li>
              <li><a href="http://www.cesoirastrasbourg.com/lieux"><img src="http://www.cesoirastrasbourg.com/buttons/annuaire.png" alt="Un annuaire strasbourgeois" width="150" height="150" border="0" title="Commerces à strasbourg" /></a></li>
              <li><a href="mailto:lacombe.julien@gmail.com"><img src="http://www.cesoirastrasbourg.com/buttons/contact.png" alt="Contact" width="150" height="150" border="0" title="Ce soir à strasbourg" /></a></li>

  </ul>  
        </div>

Et voici le css :

#globalheader #globalnav { margin: auto; padding: 0;  }
#globalheader #globalnav li {list-style-image:none; list-style-type:none;  margin:0pt; padding:0pt; }
#globalheader #globalnav li a {  padding-top: 0px; overflow: hidden; float:left; vertical-align:middle; }
#globalnav img {border:none;}

Bonjour,

cosmixi a écrit :
Voila je ne suis pas une bête de standards, donc je me tourne vers vous !

Ça me semble étrange de construire quelque chose en employant un langage standardisé et de ne pas se préoccuper du respect du standard en question. Même si tout un chacun peut bricoler du site web, le Web est un domaine industriel doté d'une série de normes. Ne pas se préoccuper du respect de ces normes est risqué, comme le démontre en partie ton problème actuel.

Pour ce qui est du non respect du standard: ta page n'emploie pas de Doctype, et sera donc interprétée par les navigateurs comme si elle avait été écrite à la glorieuse époque du Web de la fin des années 90. Par ailleurs, il y a toute une série d'erreurs de validation du code HTML.

Pour le reste, le problème constaté vient sans doute du fait qu'IE6 ne comprend pas le positionnement fixe (à dégrader en positionnement absolu via un commentaire conditionnel), et qu'IE7 n'appliquera pas le positionnement fixe s'il se trouve en mode de compatibilité (parce que tu n'as pas mis de Doctype en bonne et due forme et donc qu'il croit, en partie à raison, que ta page a été codée comme on le faisait en 1997 ).

Hello, en fait je cherchais un moyen pour linker plusieurs scripts par un menu fixe, visible au meme endroit.

Donc effectivement, je n'ai pas fais attention aux standarts ...

Lorsque tu me parles de commentaires conditionel, s'agirait il de mettre du float pour IE à la place du fixed ??

cosmixi a écrit :
Lorsque tu me parles de commentaires conditionel, s'agirait il de mettre du float pour IE à la place du fixed ??

Non, plutôt du position: absolute, et pour IE6 uniquement. IE7 comprend le positionnement fixe, il suffit de travailler en mode Standard et pas en mode Quirks.