PB liens inactifs avec IE actifs avec FF

Question

Bonjour, sur la construction de mon site, j'ai pas mal de problèmes avec IE. En voici 1 que je n'arrive pas à résoudre. J'ai écris plusieurs scripts pour la gestion du site. Voici mon code: XHTML

GESTION DU SITE

Ajouter une news

Ajouter un chapitre au centre

Ajouter un chapitre à photo

Ajouter un chapitre à video

Ajouter un chapitre à réservation

Ajouter un chapitre à plan d'accès

Ajouter un chapitre à tarifs/infos

Ajouter un chapitre à boutique

Ajouter un chapitre à bon cadeau

Liste des news

Liste des chapitres du centre

Liste des chapitres de photo

Liste des chapitres de video

Liste des chapitres de réservation

Liste des chapitres de plan d'accès

Liste des chapitres de tarifs/infos

Liste des chapitres de boutique

Liste des chapitres de bon cadeau

Le CSS .centrer_gauche { margin-left: 100px; margin-top: 30px; width: 400px; background-color: rgb(255,227,119); } .centrer_droite { margin-left: 550px; margin-top: -351px; width: 400px; background-color: rgb(222,147,128); } J'ai donc 2 blocs qui se trouvent l'un à côté de l'autre mais tous les liens de gauche ne fonctionnent pas !!!!. Si dans centrer_droit à la place de margin-top: -351px; je mets -300px alors le tableau de droite descends d'environ 2 lignes ce qui fait que les 2 premiers liens de gauche qui n'ont plus de vis à vis à droite fonctionnent mais les autres en dessous ne fonctionnent pas. Je constate sans savoir y remédier que si un lien de gauche à un autre lien en face à droite, le lien de gauche ne marche pas. Sous FF il n'y a aucun problème, tout fonctionne bien, sauf que le CSS est un peu différent pour la présentation car bien sûr IE ne positionne pas pareil ça aurait été trop facile, donc j'ai créé 2 fichiers CSS 1 pour ie et 1 pour FF et je fais un test pour utiliser l'un ou l'autre suivant le navigateur, mais mon problème c'est qu'avec IE les liens de gauche sont inactifs. Quelqu'un pourrait-il me donner la solution ? Autre chose, existe-t-il un débugger pour IE ? Merci pour vos réponses.

Sayu · Answer

C'est surrement un probleme de doctype.

sinon essaye de mettre les liens entiers

http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut

zatox · Answer

Merci pour ta réponse, concernant le doc type, voici celui que j'utilise et qui correspond exactement à l'un de ceux que j'ai trouvé sur le lien que tu me donnes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
Par acquis de conscience, j'ai fait un copier/coller de ce doctype et j'ai remplacé le mien par celui-ci. Bien sûr ça ne change rien vu que c'était le même. Par contre je ne comprends pas ce que tu veux me dire quand tu dis :
sinon essaye de mettre les liens entiers  
Il manquerait quelque chose sur mes liens ?

Sayu · Answer

en réalité, quand je disait mettre tes liens en entier, je pensais a cela:
http://blabla.fr/unssdossier/liste_news.php

ceci est un lien factis je precise :)

Si cela ne marche toujours pas, essaye de changer les doctypes.

zatox · Answer

Alors concernant les doctypes, nous avons eu la même idée, c'est ce que j'ai fait, j'ai essayé les 3 doctypes correspondants à XHTML 1.0 Strict, Transitional, Frameset puis le doctype correspondant à XHTML 1.1 DTD mais ça ne change rien, du coup je ne sais plus quel doctype je dois utiliser !!!!
Ensuite, je te précise que c'est mon premier site web donc je ne suis pas très expert, par rapport au fait de préciser le lien comme tu me dis : http://blabla.fr/unssdossier/liste_news.php  le problème que je vois est le suivant:

Actuellement je développe mon site sur mon disque dur, je fait mes premiers tests, puis je le monte sur un site perso alloué par mon FAI pour continuer les tests et au final quand tout sera OK je le monterais sur l'espace définitif. Donc si je positionne les liens comme tu me dis, j'ai un problème de portabilité, je vais devoir à chaque fois changer les adresses suivant que je me trouve sur mon local sur mon espace perso ou sur mon espace définitif, qu'en penses-tu ? je vais quand même faire le test que tu me suggères pour voir si ça marche.

Sayu · Answer

Je comprend.

Essaye d regrouper tout tes fichier dans un dossier de de commencer les URL comme cela :

url(/liste_video.php)
url(liste_video.php)
/liste_video.php

essaye a chaque fois. Cela fait longtemps que je n'ai pas fait de site web mais je pense que le premier et le dernier marcheront mieux :)

zatox · Answer

Non ça ne marche pas plus avec le lien complet (http// etc) qu'avec les 3 solutions que tu me proposes. Je tiens à préciser que chaque fois que j'essaie une solution, je change un bout de titre afin d'être bien sûr que j'utilise bien le fichier php que je viens de modifier car avec ce IE il faut tout supprimer sinon il garde des trucs et tu crois tester ta modif et en fait il continue d'utiliser ton ancien fichier php. Donc de ce point de vue je suis sûr qu'à chaque test je teste bien mon fichier modifié. Ensuite je ne suis pas sûr que ça vienne d'un pb de codification du lien dans la mesure où, si je décale mon menu de droite vers le haut ou le bas de telle façon que j'ai au moins 1 lien à gauche qui n'a pas de vis à vis à droite, et bien ce lien fonctionne. En d'autres termes, si je ne créé qu'un seul bloc avec tous mes liens les uns en dessous des autres et là tout mes liens fonctionnent seulement ce n'est pas très cool d'avoir tous les liens les uns au dessous des autres c'est tout mais c'est peut-être à cette solution que je vais revenir si je n'arrive pas à faire ce que je veux mais avec FF ça marche !!!


Ajouter une news                                                                  

Ajouter un chapitre au centre 

Ajouter un chapitre à photo 

Ajouter un chapitre à video                                    Liste des news

Ajouter un chapitre à réservation                           Liste des chapitres du centre

Ajouter un chapitre à plan d'accès                         Liste des chapitres de photo

Ajouter un chapitre à tarifs/infos                           Liste des chapitres de video

Ajouter un chapitre à boutique                             Liste des chapitres de réservation 

ou ou Ajouter un chapitre à bon cadeau                Liste des chapitres de plan d'accès

                                                                        Liste des chapitres de tarifs/infos

                                                                       Liste des chapitres de boutique

                                                                        Liste des chapitres de bon cadeau  



Les 3 premiers liens de gauche ne fonctionnent pas sous iE ceux de dessous fonctionnent ainsi que ceux de droite

Sayu · Answer

Les fautes de syntaxes peuvent etre corrigées partiellement par le navigateur (FF / IE) Mais tous les navigateur corrigent un peu differemment. Donc cela peut venir d'une mauvaise correction. Sinon essaye un lien externe ; par exemple :

zatox · Answer

Non désolé, le lien externe ne fonctionne pas sur mon bloc de gauche, il fonctionne à droite, petite précision que je n'ai peut-être pas donnée, quand je dis que le lien ne fonctionne pas, ça veut dire 2 choses:
1) Quand je passe ma souris dessus la flèche de ma souris n'est pas transformée an main comme c'est le cas normalement 
2) Bien sûr si je cliques ça ne marche pas.

Sayu · Answer

et si c'était le CSS qui planté...

renvoi moi ton code stp

zatox · Answer

OK voici le code de plus j'ai monté mon truc ici          http://robert.delord1.free.fr/ 
Tu verras qu'avec FF j'ai mis les 2 blocs au même niveau et en passant ta souris sur chaque lien, et bien tu vois qu'il y a un lien. (bien sûr derrière il n'y a rien qu'un code 404 mais ce n'est pas le propos)
Tu verras qu'avec IE j'ai volontairement créé un décalage vers le bas du bloc de droite. Si tu passes ta souris sur les 2 premiers liens de gauche et sur les liens de droite pas de problèmes tu vois qu'il y a un lien. Par contre si tu passes ta souris sur les liens de gauche à partir du troisième, tu verras qu'on ne détecte pas la présence d'un lien. Voici mon CSS, je le mets en entier au acs où il y aurait un truc dégueu !! mais il n'y a que le body et les 2 dernières classes qui servent (centrer_gauche et centrer_droite)


body
{
   background-color: rgb(152,202,229);
   /*font-family: "Comic Sans MS", "Arial Black", "Arial", "Verdana", "serif";*/
   
}
h2, th, td
        {
            text-align:center;
			text-decoration: underline;
    }
		h3, th, td
        {
            margin-left: 120px;
    }
						
        table
        {
            border-collapse:collapse;
            border:2px solid black;
            margin:auto;
    }
        th, td
        {
            border:1px solid black;
    }
		.centrer_gauche
         {
         margin-left: 100px;
		 margin-top: 30px;
		 width: 400px; 
		 background-color: rgb(255,227,119);
		 /*border: solid white 5px;*/
		 
	 }		
		.centrer_droite
         {
         margin-left: 550px;
		 margin-top: -301px;
		 width: 400px;
		 background-color: rgb(222,147,128);
		 /*border: solid white 5px;*/
		 
	}

zatox · Answer

excuses je t'ai mis que le CSS activé pour IE celui activé par FF c'est le même les différences sont au niveau des positionnements de blocs et couleur de fond de chaque bloc.

Sayu · Answer

et cest un des deux blocs qui bug  ?

et quand tu a desactivé le CSS sa marché ?

zatox · Answer

Tout à fait, et si je désactive le CSS ça marche, regardes je l'ai désactivé :    http://robert.delord1.free.fr/

Sayu · Answer

Donc c'est le CSS qui merde.

Essaye de faire cela.

Ouvre un document word (ou autre).
copie ton code CSS
supprime celui qui est dans ton fichier source
enregistre
test.

zatox · Answer

Excuses moi mais je ne pige pas trop la manip, si j'ouvre un .doc je copie mon .css dans le .doc, je supprime le .css   ça reviens au même que de renommer le .css, le vrai css n'existe plus et quand tu testes, tu n'as pas de mise en page et là tout est en 1 seule colonne mais tous les liens marchent ! peux-tu me préciser la manip ?

Sayu · Answer

Ce que je voudrai voir c'est savoir si c'est le code CSS qui merde ou si c'est un bug de IE.

En fait, pour eviter de perdre ton code, tu le copie dans un fichier texte.

Ensuite tu supprime tout le contenu de ton ficier CSS.

Ensuite tu enregitre et tu test.
 :)

zatox · Answer

OK, ça donne bien le même résultat que celui qui consiste à faire ce que j'avais fait auparavant c'est à dire renommer le fichier css. Là j'ai fait ce que tu m'as dit, j'ai vidé le css de son contenu donc il n'y a plus de présentation tous les liens se trouvent en dessous les uns des autres et ils sont tous accessibles. Regardes ici
http://robert.delord1.free.fr/

Sayu · Answer

Donc c'est ton codage qui fait merder.

Alors ce que tu vas maintenant essayer c'est de mettre 1 bloc CSS et tu test. Tu en rajoute un et tu test. etc etc jusqu'a trouver celui qui merde.
Si c'est le premier qui merde, change le par le deuxieme. Si le deuxieme merde aussi, c'est que c'est un bug. Si non, alors c'est le premier bloc qui fait un effet sur IE.

exemple de bloc CSS
.patateroom{
   blabla: fdoz;
   ijfoe: iurzo;
}

zatox · Answer

Salut, OK je fais ça et je tetiens au courant

zatox · Answer

Bon alors voici mon codage css:

ody
{
   background-color: rgb(152,202,229);
      
}
h2
        {
            text-align:center;
			text-decoration: underline;
    }
				
       
		.centrer_gauche
         {
         margin-left: 100px;
		 margin-top: 30px;
		 width: 400px; 
		 background-color: rgb(255,227,119);
				 
	 }		
		.centrer_droite
         {
         margin-left: 550px;
		 margin-top: -201px;
		 width: 400px;
		 background-color: rgb(222,147,128);
				 
	}


Donc ce qui merde c'est le dernier bloc le .centrer_droite ce qui est logique puisque si je n'ai pas ce bloc tous les liens se trouvent en enfilade les uns au dessous des autres donc là ça marche et dès que je rajoute le dernier bloc les 2 blocs se trouvent au même niveau et là ça merde. Donc d'après moi soit il y a un bug dans IE 7 à moins que le positionnement négatif du dernier bloc pose problème ?!!! qu'en penses-tu le margin-top: -201px ?!

Sayu · Answer

Peut etre le moins mais sa m'etonnerai...

mais comment ca se fait que tu ai recour au CSS pour les mettres droits ?

dans ton codage tu utilise un DIV ou un TABLE ?

zatox · Answer

Jusqu'à présent ni l'un ni l'autre une balise h3, je viens de rajouter un div mais ça n'a rien changé, comme ça;

GESTION PIAU PLONGEE

Ajouter une news piau plongée
Ajouter un chapitre au centre piau plongée
Ajouter un chapitre à photo piau plongée
Ajouter un chapitre à video piau plongée
Ajouter un chapitre à réservation piau plongée
Ajouter un chapitre à plan d'accès piau plongée
Ajouter un chapitre à tarifs/infos piau plongée
Ajouter un chapitre à boutique piau plongée
Ajouter un chapitre à bon cadeau piau plongée

Liste des news piau plongée
Liste des chapitres du centre piau plongée
Liste des chapitres de photo piau plongée
Liste des chapitres de video piau plongée
Liste des chapitres de réservation piau plongée
Liste des chapitres de plan d'accès piau plongée
Liste des chapitres de tarifs/infos piau plongée
Liste des chapitres de boutique piau plongée
Liste des chapitres de bon cadeau piau plongée

Sayu · Answer

Voilà j'ai un peu retravaillé le code : j'ai changé les div par un table. Comme cela pas de soucis de hauteur. Je te laisse faire les dernieres modifications a ton programme. Pour ce qui est des accents. Chaque navigateur les interpretes differemment. Il faudrai changer cela ;) https://www.commentcamarche.net/contents/489-caracteres-speciaux-html :)

GESTION PIAU PLONGEE

Ajouter une news piau plongée Ajouter un chapitre au centre piau plongée Ajouter un chapitre à photo piau plongée Ajouter un chapitre à video piau plongée Ajouter un chapitre à réservation piau plongée Ajouter un chapitre à plan d'accès piau plongée Ajouter un chapitre à tarifs/infos piau plongée Ajouter un chapitre à boutique piau plongée Ajouter un chapitre à bon cadeau piau plongée		Liste des news piau plongée Liste des chapitres du centre piau plongée Liste des chapitres de photo piau plongée Liste des chapitres de video piau plongée Liste des chapitres de réservation piau plongée Liste des chapitres de plan d'accès piau plongée Liste des chapitres de tarifs/infos piau plongée Liste des chapitres de boutique piau plongée Liste des chapitres de bon cadeau piau plongée
Tu peut faire une signature ici

zatox · Answer

OK merci pour ton aide, je vais regarder ça mais j'ai un truc plus urgent. Je te tiens au courant dès que j'ai modifié.

Sayu · Answer

Ok :)

PB liens inactifs avec IE actifs avec FF - Page 2

Discussions similaires

Newsletters