Problème d'affichage sous IE

Résolu
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -  
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un souci d'affichage de mon site uniquement sous IE, et uniquement quand j'affiche la page qui est en ligne (la page d'origine sur mon PC s'affiche très bien sous IE).
Ce n'est pas grand chose, c'est juste un petit décalage dans le menu, mais ça ne fait pas très professionnel...
Sauriez-vous ce qui crée ce décalage et comment le régler?

http://micro-seconde.fr

D'avance merci.
A voir également:

11 réponses

bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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 !
0
zcrew Messages postés 231 Date d'inscription   Statut Membre Dernière intervention   25
 
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 ?
0
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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...
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
sous IE 7 & 8 pas de problèmes .... ??? 5.5 & 6 oui ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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?
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
trop petit on ne voit rien ...
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
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 !
0
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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.
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
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;}
0
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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...
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
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 : https://www.alsacreations.com/article/lire/533-initiation-au-positionnement-en-css.html

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.
0
NLKsid Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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...
0