Problème indéterminé (ou presque) sous IE6

**enrico83600** · 20/01/2010, 00h18

Bonsoir,

étudiant, dans le cadre de mon projet tuteuré je dois refaire le site de mon IUP (contexte pour vous dire que ce n'est pas à une fin professionelle rémunéré ^^).

J'ai donc achevé le site qui marchait tres bien sous tous les IE, et j'ai un peu fignolé en mettant le menu déroulant et autres dans des fonctions php "Include", en ajoutant une petite animation flash dans la page d'accueil, quelques images et autres.

Je met le site en ligne, marche super sous IE8, FF, Chrome, .... et je vais le tester depuis mon université qui est encore (pffff) sous IE6 et la le gros bug : Seul la banniere s'affiche ainsi que la premiere partie du menu (jusqu'à "l'IUP") qui va s'étaler sur toute la largeur du site...

Les différents navigateurs me mettent un petit message d'erreur (qui au final ne pose probleme que sous IE6) dont voici le rapport :

Détails de l’erreur de la page Web

Message : Objet requis
Ligne : 53
Caractère : 3
Code : 0
URI : http://iuppvia.free.fr/testpourcentage.php

Message : Objet requis
Ligne : 48
Caractère : 3
Code : 0
URI : http://iuppvia.free.fr/testpourcentage.php

Message : 'null' a la valeur Null ou n'est pas un objet.
Ligne : 1
Caractère : 153
Code : 0
URI : http://iuppvia.free.fr/testpourcentage.php

Les lignes 48 et 53 sont des lignes au niveau de mon menu déroulant. Et etant donné que ma page, sous IE6, ne s'affiche pas plus bas que la ligne 30 environ, j'en déduirais que ce sont une, ou ces deux lignes qui posent le gros problème.

Ce qui est marrant, quand on met la souris sur IUP, le menu se déroule (pas en entier) mais on peut donc mettre la souris sur présentation et la si on bouge pas, le reste du site apparait loin sur la droite^^.

Voici l'adresse de mon site : [#ff0e00]http://iuppvia.free.fr/testpourcentage.php[/#ff0e00]
nb : j'ai pas mis toutes les images en ligne donc desfois il y a des croix a la place, et dans les liens hypertextes seuls "accueil", "contact" et "mentions légales" sont valides (si vous voulez visiter d'autres pages).

Et au passage si vous savez quel est mon problème à la ligne 1, je suis preneur :p.

Merci d'avance

edit : veuillez m'excuser, quand vous ouvrirez le code source la mise en page n'est pas super bonne contrairement à celle du fichier envoyé.

**Bisûnûrs** · 20/01/2010, 09h04

Deux choses :

- Tu as enregistré ton fichier en UTF-8, ce qui est bien. Sauf que tu as enregistré en UTF-8 avec BOM alors qu'il faudrait l'enregistrer en UTF-8 sans BOM. Quand on ouvre donc ton code source avec un éditeur hexadécimal, on voit bien la marque BOM en tout début de fichier. C'est sans doute ça qui fait planter ton site sur IE6.

- Les menus déroulants full CSS de CSSplay.co.uk ne sont pas pertinents dans un environnement de production, ils sont là juste pour montrer certaines prouesses que l'on peut faire en CSS. Donc le mieux et le plus accessible reste les menus déroulants en Javascript. Il y en a quelques uns disponibles dans la galerie CSS du site, ou sinon il y en a des tas sur le net.

**enrico83600** · 20/01/2010, 13h12

- ... tu as enregistré en UTF-8 avec BOM alors qu'il faudrait l'enregistrer en UTF-8 sans BOM.... C'est sans doute ça qui fait planter ton site sur IE6.

Jamais entendu parlé de BOM :p. Comment dois je faire pour l'enregistrer sans BOM, en espérant que ce soit ca qui me fasse planter le site sous IE6 ?

- ... Donc le mieux et le plus accessible reste les menus déroulants en Javascript..

C'est ce que j'avais fait au début mais lorsqu'on va sur le site il y a le petit bandeau en haut qui vient et qui nous dit qu'il faut l'active X ou activer la javascript (enfin, je sais plus si c'est ca mais j'avais un message à chaque fois, sous wampserver avec IE).

Mais c'est vrai que si j'arrive pas a régler ce probleme je vais peut etre devoir retourner avec un menu en JS.

Merci bien

**enrico83600** · 20/01/2010, 13h42

EDIT : je viens de faire des tests en retirant différentes parties de mon site, et c'ets uniquement mon menu qui fait planter le site sous IE6. Donc probablement autour de mes lignes 30 comme précisé au dessus.

Que dois je faire svp (sans changer mon menu. Il doit juste s'agir d'une maladresse ou autre) ?

**Vil'Coyote** · 20/01/2010, 13h48

comme peut être par donner le code source de la page. l'html générer ne va pas aider à grand chose si l'on en crois ton analyse.

**Bisûnûrs** · 20/01/2010, 14h12

Envoyé par enrico83600

Jamais entendu parlé de BOM :p. Comment dois je faire pour l'enregistrer sans BOM, en espérant que ce soit ca qui me fasse planter le site sous IE6 ?

BOM : http://fr.wikipedia.org/wiki/Byte_Order_Mark

Pour enregistrer sans BOM, par exemple avec Notepad++ : Format > Encoder en UTF-8 (sans BOM)

Envoyé par enrico83600

C'est ce que j'avais fait au début mais lorsqu'on va sur le site il y a le petit bandeau en haut qui vient et qui nous dit qu'il faut l'active X ou activer la javascript (enfin, je sais plus si c'est ca mais j'avais un message à chaque fois, sous wampserver avec IE).

C'est normal, c'est l'alerte de sécurité quand tu exécutes un fichier local qui contient du Javascript. Cette alerte n'apparait pas sur un serveur distant.

**enrico83600** · 20/01/2010, 18h07

ok, je vous met le code, mais vous allez retrouver la même chose que si vous demandez à la page (cf lien que je vous ai donné) d'afficher le code source car les php include disparaissent et sont remplacé par le code "appelé".

Voici donc comment j'ai introduit mon menu dans ma page testpoucentage.php (=index.php mais je faisais des test^^) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="menu">
	<?php include("menu.html"); ?> 
</div>

Et voici le code source complet de ma page menu.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<ul id="toplevel">
		<li><a href="/testpourcentage.php">Accueil</a></li>
      <br />  
 
        <li><a class="fly" href="#url">L'IUP<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a class="fly" href="#url">Présentation<!--[if gte IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li><a href="/iup/presentation/objectifs.php">Objectifs</a></li>
						<li><a href="/iup//presentation/historique.php">Historique</a></li><!--[if gte IE 7]><!--></a><!--<![endif]-->
						<!--[if lte IE 6]><table><tr><td><![endif]-->
                   </ul>     
                </li>        
				<li><a class="fly" href="#url">Etudiants<!--[if gte IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li><a href="/iup/presentation/interview.php">Interview</a></li>
						<li><a href="/iup/presentation/promo2009.php">Promotion 2009</a></li>
					</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				<li><a href="/iup/enseignants/enseignants.php">Enseignants</a></li>
				<li><a class="fly" href="/iup/debouchees/debouchees.php">Débouchées<!--[if gte IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li><a href="/iup/debouchees/enquete.php">Résultat d'enquête</a></li>
						<li><a href="/iup/debouchees/interview2007.php">Interview promo 2007</a></li>
					</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>  
                <li><a href="/iup/association/association.php">Association<!--[if gte IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->  
                </li>                    
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
        <li><a class="fly" href="#url">Enseignement<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="/enseignement/formation.php">Formation</a></li>
				<li><a href="/enseignement/licence.php">Licence</a></li>
				<li><a href="/enseignement/m1.php">Master 1</a></li>
				<li><a href="/enseignement/m2.php">Master 2</a></li>
				<li><a href="/enseignement/stages.php">Stages</a></li>
				<li><a href="/enseignement/tp.php">Travaux pratiques</a></li>                
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
 
		<li><a class="fly" href="#url">Entreprises<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="/entreprises/relationspro.php">Relations professionelles</a></li>
				<li><a href="/entreprises/offrestage.php">Offres de stage</a></li>
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li><a class="fly" href="#url">Etudiants<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="/etudiants/admissions.php">Admission</a></li>
				<li><a href="/etudiants/salles.php">Localisation des salles</a></li>
                <li><a href="/etudiants/etranger.php">Etudier à l'étranger</a></li>
                <li><a class="fly" href="#url">Planning<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			        <ul>
				        <li><a href="/etudiants/planning_licence.php">Licence</a></li>
				        <li><a href="/etudiants/planning_m1.php">Master 1</a></li>
                        <li><a href="/etudiants/planning_m2.php">Master 2</a></li>
			        </ul>
		             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
		        </li>        
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
        <li><a class="fly" href="#url">Divers<!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="/divers/logement.php">Se loger</a></li>
				<li><a href="/divers/reportage.php">Reportages</a></li>
                <li><a href="/divers/culture.php">Sorties culturelles</a></li>
                <li><a href="/divers/gallerie.php">Gallerie photo</a></li>
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>		
	</ul>

La mise en page ici va etre affreuse je crois à cause de la longueur des lignes

.

Si ce que je pense est juste (d'apres le rapport d'erreur et le blocage d'affichage de la page à mi chemin), le bug viendrait d'une des lignes vers la 10eme ligne donnée ci dessus.

Quelqun m'a dit que ca pourrait venir d'un [if lte IE6] mal codé ou mal placé. Je pensais plutot à une balise mal placée ou mal interprétée, mais je suis loin d'etre un expert.

Je vais faire des tests le temps que quelqun ait une sugestion à me faire :p.

Pour Bisunurs : en effet, pour le javascript je l'avais compris un peu trop tard... apres avoir passé des dizaines d'heure sur mon menu en CSS, et je le regrette

. Mais maintenant que je suis dans la derniere ligne droite et que ca ne bug qu'a deux fois rien pres je prefere essayé de resoudre ce probleme en gardant ce type de menu. Une fois que mon site sera en ligne (on me met la pression pour que je me dépeche^^) et qu'il marchera convenablement je vais y mettre de mon temps, tranquilement, pour tout améliorer petit à petit

Merci

**Vil'Coyote** · 20/01/2010, 23h50

je pense que tu devrais te faire un pavé complet si ie6 et un second pour les autre car là tu t'empètre dans des tableau dans des ul.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<!--[if lte IE 6]><table><tr><td><![endif]-->
 </ul>     
 </li>

exemple de ta 10eme ligne tu ouvre un tableau en fermant ton ul sans refermer se même tableau tu en ouvre un autre si j'ai bien tout capté.

Problème indéterminé (ou presque) sous IE6

HTML

Vue hybride

Discussions similaires

Partager

Partager