Problème d'affichage sous IE [Résolu]

en passant par la création de sites internet

ben ça commence plutôt mal ton truc ...
avant de voir le problèmes sous IE revois en premier ton codage général ...
tu mets des liens vers le W3C pour montrer que ta page n'est pas valide ???
et ce truc : "données cartographiques ..." qui sort complétement de ta page ... à corriger aussi !

Perso je ne vois pas de page "qui est en ligne"... le problème é est déjà résolu où je suis complètement à l'ouest ?

bg62:

Désolé j'avais fait un changement dans ma page, il y avait un test w3c qui ne passait pas pour une mauvaise fermeture de meta... donc rien à voir.
Le "données cartographique" qui sort, c'est google qui me le met là, si tu as d'ailleurs une solution pour que je puisse le jarter ce serait bien sympa.

zcrew:

La page en ligne: http://micro-seconde.fr a des problème d'affichage sous IE (les écritures du menu sont décalés) et le problème n'est pas résolu...

sous IE 7 & 8 pas de problèmes .... ??? 5.5 & 6 oui ...

j'ai IE 8 et j'obtient:

http://nsa12.casimages.com/img/2010/02/11/mini_100211091221784603.jpg

Je ne comprend pas, tu utilises IE 8?

Moi non plus pas de problème sous ie8.
J'ai pas eu le temps de voir, ton menu il est fait comment ?
- table - float - position -

ps : Si tu te vends comme prestataire dans la création de site internet, essaie d'améliorer aussi ta charte graphique ! Pas du tout professionnel. Et pas de mentions_légales !

bg62: désolé je me suis gouré de lien: http://nsa12.casimages.com/img/2010/02/11/100211091221784603.jpg

lelLex: mon menu est fait ainsi:

<div id="menu">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="menu" style="height: 42px;">
  <tr>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89" style="background-image:url(images/selection.gif);">ACCUEIL</td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89"><a href="prestations.html">PRESTATIONS</a></td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89"><a href="tarifs.html">TARIFS</a></td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89"><a href="horaires.html">HORAIRES</a></td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89"><a href="CGV.html">C.G.V.</a></td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td width="89"><a href="scripts/contact.php">CONTACT</a></td>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
  </tr>
</table> 
</div>

ps: merci pour la charte graphique, j'ai découvert pantom qui pourra sûrement m'aider: je suis daltonien.

Je ne voit pas de différence en l'image et ce que m'affiche mes navigateurs.
Ton menu me parait n'avoir aucun problème !

Aussi vu que ton menu est rattaché au .css
Tu peux enlever tout de la balise <table>
Ex : <table cellpadding="0" cellspacing="0" class="menu">

Et les mettre dans ton .css
Ex : .menu{width:100%; border:0; text-align:center; height: 42px;}

Merci LelLex, j'ai pas tout à fait ça mais tu m'a donné une idée:
c'est le text-align:center
Je l'avais testé en html avec style="text-align:center;" dans la balise <table> et ça ne marchait pas je l'avais donc enlevé, mais en le mettant dans le css ça marche.
A l'inverse, si je met height: 42px; dans le css ça ne marche pas, il faut que je rajoute style="height: 42px" dans la balise <table>.
C'est un peu mystique mais bon...
En tout cas c'est bien cool de ta part.
Merci!

ps: au passage tu sais comment faire pour que le lien se fasse sur tout le <td> et pas que sur le texte? quand je fais <a href="blabla.html"><td>blabla</td></a> ça ne marche pas du tout. J'ai essayé deux trois connerie genre <div> mais ça ne marche pas...

Si ca ne marche pas height c'est parce que tu dois aussi attacher dans ton .css tes <td>
Seulement, l'utilisation de <table> est bien dans certain cas, mais maintenant son utilisation est mal adapté.
C'est pourquoi il est plus apprécié d'utiliser : <div> ou <span> avec float - position -
Lien : http://www.alsacreations.com/...

Pour ton lien essaye : <td onclick="window.open(this.http://ton-site.com); return false;">
( je sais pas si ca va marcher, je vais chercher autre chose. )

C'est souvent agréable de répondre à des personnes qui disent Merci.

Merci LexLex, de m'avoir encore mis sur la bonne voie avec le onclick.

J'ai réglé le souci ainsi:

<tr>
    <td style="background-image:url(images/separateur.gif); background-repeat:repeat; width: 2px;"></td>
    <td class="menu3" onclick="document.location='index.html'" width="89"><a href="index.html">ACCUEIL</a></td>
...
</tr>

avec dans le css (pour le changement du curseur au survol):

.menu3 {cursor:pointer;}

Il ne reste plus que le dépassement de la div par googlemap, je n'ai toujours pas réussi, et je ne trouve aucune info là dessus.
Si quelqu'un a une idée...