Problème d'affichage sous IE

Résolu/Fermé
NLKsid Messages postés 16 Date d'inscription dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011 - 11 févr. 2010 à 15:20
NLKsid Messages postés 16 Date d'inscription dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011 - 15 févr. 2010 à 14:20
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
11 févr. 2010 à 15:27
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 lundi 23 février 2004 Statut Membre Dernière intervention 26 février 2010 25
11 févr. 2010 à 15:33
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 dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011
11 févr. 2010 à 15:45
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
11 févr. 2010 à 18:59
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 dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011
11 févr. 2010 à 21:16
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
11 févr. 2010 à 22:01
trop petit on ne voit rien ...
0
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
11 févr. 2010 à 21:38
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 dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011
12 févr. 2010 à 14:58
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
12 févr. 2010 à 18:27
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 dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011
12 févr. 2010 à 20:10
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
12 févr. 2010 à 20:24
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 dimanche 22 juin 2008 Statut Membre Dernière intervention 5 janvier 2011
15 févr. 2010 à 14:20
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