Bug indéterminé sous IE6

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Bug indéterminé sous IE6

charlelechauve

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 :

Citation :

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 : http://iuppvia.free.fr/testpourcentage.php
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 .

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é.

Publicité

rufo

Pas me confondre avec Lycos!

Toi, t'as jamais ouvert un bouquin sur le xhtml ou consulté de site, parce que si c'est le cas, t'as pas dû suivre les conseils donnés :pfff:
Du genre :
- j'ai mis 3 plombes pour trouver ou était la feuille de styles. Finalement, je l'ai trouvée en plein milieu du code de la page au lieu du <head>
- t'as une tripoté de pseudo-tests de navigateur : !--[if lte IE 6]></td></tr></table></a><![endif]-->
- mise en page par tableaux
- très fort : t'as une erreur de javascript alors que t'en a pas mis. c'est peut-être lié en fait à tous tes pseudo-tests
- aujourd'hui, on fait au minimum du xhtml 1.0 strict, là, c'est du transitional et t'utilises des balises dépréciées
- les styles noyés dans le code html au lieu du css
- ...

Un conseil, va sur alsacreations.com, tu apprendras comment on fait un site web (sans aller jusqu'à faire un site pro)... http://www.alsacreations.com/tutoriels/

Ah, et puis ça aussi, pourquoi faut plus utiliser IE : http://www.alsacreations.com/actu/ [...] lorer.html

Message cité 1 fois
Message édité par rufo le 20-01-2010 à 10:31:44

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

toum_toum

Vivons masqués

rufo a écrit :

Ah, et puis ça aussi, pourquoi faut plus utiliser IE : http://www.alsacreations.com/actu/ [...] lorer.html

Oui enfin, bon...

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

charlelechauve

Citation :

j'ai mis 3 plombes pour trouver ou était la feuille de styles.

1000 excuses; au début j'utilisais 2 feuilles de styles différentes pour faire des test, et j'ai oublié de déplacer celle la. Merci

Citation :

t'as une tripoté de pseudo-tests de navigateur : !--[if lte IE 6]></td></tr></table></a><![endif]-->

J'ai pris le code de me menu sur un site de partage. Etant donné que je ne sais pas trop à quoi cela sert je l'ai laissé. Dois-je enlever ces tests IE6 ? Je pensais justement que ca servait à le rendre plus compatible avec IE6.

Citation :

mise en page par tableaux

En partie, j'ai utilisé des div quand même . Mais j'ai été contraint d'utiliser ce tableau pour le tour de mon site car je n'arrivais pas a le garder compatible avec les différentes résolutions/taille d'ecran sans cela, et aussi j'arrivais moins bien a placer les éléments la où je le souhaitais. Je n'ai jamais eu de cours d'informatique donc j'apprends sur le tas. Malgré les nombreux tuto c''est pas toujours facile d'être parfait :sweat: .

Citation :

très fort : t'as une erreur de javascript alors que t'en a pas mis

Ah zut, j'avais pas fais gaffe. Avant d'utiliser mon menu en CSS j'avais un menu en javascript mais il était moins beau et quelques bugs. J'ai du oublié d'effacer une ligne. Je vais allé voir ca.

Edit : je n'ai pas trouvé mes dechets restant de javascript. Quelles lignes stp ? :heink:

Citation :

aujourd'hui, on fait au minimum du xhtml 1.0 strict, là, c'est du transitional et t'utilises des balises dépréciées

Je vais lire quelques tuto la desssus. Je pense que j'ai recopié cet entete d'un ancien site que j'avais fait.

Citation :

les styles noyés dans le code html au lieu du css

J'ai beaucoup fait en CSS quand meme . Je sais, c'est pas bien mais parfois j'ai mis un peu de style dans le code. J'arrangerais ca au fur et a mseure.

Citation :

Ah, et puis ça aussi, pourquoi faut plus utiliser IE...

Le jour où les entreprises/institutions n'utiliseront plus IE je ne me préoccuperais peut etre plus de rendre mes sites compatibles avec, mais on en est loin.

Bref, merci pour toutes ces remarques que je prends en compte et où j'apporterais les modifications, mais dans un premier temps il est primordial que j'arrive à faire marcher mon site sous IE6 car mon institut est sous IE6 (et on ne peut pas le mettre a jour malgré les demandes, faut pas chercher a comprendre).

Je dois le mettre en ligne dans les jours qui viennent. Mise à part ce foutu bug sous IE6 il marche parfait. Donc s'il vous plait, aidez moi à trouver le petit bug qui me fait tout planter . Puis apres je m'occupe du reste tranquilement et sans le stress...

Merci d'avance

Message cité 1 fois
Message édité par charlelechauve le 20-01-2010 à 13:38:08

charlelechauve

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) ?

rufo

Pas me confondre avec Lycos!

Citation :

très fort : t'as une erreur de javascript alors que t'en a pas mis

Non, tu n'as pas laissé de javascript dans ton site, c'est pour ça que c'est très fort d'avoir une erreur sur du code qui n'existe pas! Je pense que c'est lié justement à tous tes [if lte IE 6] (ce que j'ai appelé pseudo-test).
C'est effectivement pour être compatible avec IE6. Probablement que l'un de ces [if lte IE 6] génère une erreur.

Pour la compatibilité avec IE6, je dirais la chose suivante :
- on est en 2010, IE en est à la version 8.
- IE6 est truffé de bugs/failles de sécurité et n'est pas conforme aux standards du W3C
- Rien n'empêche d'installer Firefox, voire même, si t'as pas les droits admin sur ton poste, la version portable de Firefox. Firefox est un logiciel libre, respectant les standards et a peu de failles/bugs (et si y'en a, ils sont rapidement corrigés).

Donc, pour ton institut, tu peux très bien avancer ses arguments et dire que faire un site compatible avec IE6 aujourd'hui n'a pas de sens.
Perso, je bosse pour le service technique de l'aviation civile. C'est aussi IE6 qui est le navigateur par défaut. Ben, pour des raisons de temps/coûts, j'ai fait un outil web (Icare, cf ma signature) qui fonctionne avec Firefox et je ne me suis pas préoccupé de IE6). Depuis, Firefox est aussi installé en standard sur notre poste car y'a une loi qui a été voté y'a qq temps pour que les administrations favorisent l'utilisation de softs GPL

Message cité 1 fois

charlelechauve

rufo a écrit :

[quote]
Pour la compatibilité avec IE6, je dirais la chose suivante :
- on est en 2010, IE en est à la version 8.
- IE6 est truffé de bugs/failles de sécurité et n'est pas conforme aux standards du W3C
- Rien n'empêche d'installer Firefox, voire même, si t'as pas les droits admin sur ton poste, la version portable de Firefox. Firefox est un logiciel libre, respectant les standards et a peu de failles/bugs (et si y'en a, ils sont rapidement corrigés).

Le problème est que je me dis, on est un institut soit disant "jeune et dynamique", nos PC ne sont pas très vieux, on a des personnes dans les locaux qui gèrent de facon acceptable l'informatique, mais le service "administration informatique" n'a pas envie de lever le petit doigt pour nous faire quelconque mise à jour ou nous donner les moyens (et l'autorisation) de le faire nous meme (en partie parce que dans 6 mois nous changeons les PC).

Alors je me dis, si nous sommes encore avec IE6, qui est absolument à chier je te l'accorde, d'autres et même un nombre non négligeable doivent encore être sous ce même navigateur. Et j'ai le devoir de prendre ça en compte car si certains de mes professeurs "oldschool" ou autres essayent de se connnecter sur le site avec leur vieux pc ou non mise à jour, ils vont venir voir la directrice de l'institut pour leur dire que le site ne marche pas, et elle qui ne capte pas un mot en "internet" ou "programmation" ou "standarts" va venir vers moi en me disant que mon site est merdique et qu'il ne marche pas

Donc tant pis, je vais essayé de bidouiller mon menu, peut etre en virant tous les IE6-test ou en essayant de voir lequel me fait tout planter.

Merci quand même, ca me met sur une 'tite piste que je vais explorer toute la soirée

Puis si certains trouvent la solution (et me la donnent) c'est le bienvenue.

rufo

Pas me confondre avec Lycos!

Ben tu détectes la version du navigateur et si c'est IE 6 ou inf, à la place du site, t'affiche un message invitant l'utilisateur à naviguer avec un autre navigateur. Tu peux aussi rajouter un lien vers le téléchargement de al version portable de Firefox
C'est aussi aux développeurs de faire évoluer les mentalités.

charlelechauve

Résolu : j'avais oublié de placer des commentaires de condition pour IE 6 entre certains </ul> et </li>

Pour ce qui est des erreurs dans la rapport (qui n'ont heureusement aucune répercution sur mon site), toujours pas résolu. Si vouis avez des idées, même si ce n'est pas indispensable, je suis preneur.

phosphoreloaded

charlelechauve a écrit :

Rien de pire que le copier/coller sans comprendre (au moins un peu quoi )
Tu connais le principe des commentaires conditionnels, donc à 99% ça sert à charger une feuille de style spéciale IE 6 ou 7 ou les deux.
Mais tu peux mettre n'importe quel(s) élément(s) HTML dans ce commentaire !
Le type qui s'est amusé à coder ce menu déroulant a donc utilisé pleiiin de CC pour que les navigateurs "voient" des div ou des ul li SAUF IE (IE 6?) qui lui va voir des cellules de tableaux.
Très fort, balèse mais pas exactement un exemple à suivre

EDIT: ah c'est pas ce que tu as en ligne auquel je pensais. As-tu supprimé des CC "if !IE" ?
Là ton code va être nimp' sur IE même si le validateur du W3C lui ne dira rien puisqu'il est dans le même cas que Firefox, Safari, ... il ne lit pas l'intérieur d'un commentaire HTML.
Tu as des listes de liens (ul li a) auxquelles, uniquement dans IE, tu places dans un lien (aaargh voir ci-dessous le couplet sur h1-h6 et p. a = inline, ne peut contenir un bloc ) lui-même dans une table (ça OK).

charlelechauve a écrit :

C'est un bon compromis quand on débute :jap:
Mais ensuite faut utiliser des gabarits comme ceux-là : http://www.alsacreations.com/static/gabarits/

charlelechauve a écrit :

Citation :

aujourd'hui, on fait au minimum du xhtml 1.0 strict, là, c'est du transitional et t'utilises des balises dépréciées

Je vais lire quelques tuto la desssus. Je pense que j'ai recopié cet entete d'un ancien site que j'avais fait.

Pour le Doctype tu choisis celui que tu veux (parmi ceux existants). HTML 4.01 ou XHTML 1.0, Transitionnel ou Strict il n'y en a pas un mieux que l'autre, il y en a de plus adaptés à ton projet ou au contenu existant.
Par contre tu as des erreurs de validation : </br> ça existe pas. Comme img et hr, ça s'écrit <br /> en XHTML épicétou. C'est une balise auto-fermante

Un h1 dans un p c'est juste n'importe quoi Les titres et paragraphes ne peuvent contenir que des éléments de type inline comme a,span,strong,em mais sûrement pas un autre h1-h6 ou p ou div ...
L'attribut alt est obligatoire sur toutes les images, aucune exception (mais il peut être vide alt="" ; il doit même être vide pour les images de décoration)
Les attributs cellpadding ou cellspacing et l'élément center tu oublies ça tout de suite

1/ td { margin: 0; padding: 0; }
2/ tuto sur le centrage horizontal sur Alsacréations (margin: 0 auto; ou text-align: center; , un peu difficile à comprendre au début mais ce sont des astuces utiles)
Pourquoi ? parce que c'est invalide et parce que c'est de la présentation. La présentation c'est le domaine des CSS, pas du code HTML (spéaration du fond et de la forme et pour JS du comportement)

charlelechauve a écrit :

Le jour où les entreprises/institutions n'utiliseront plus IE je ne me préoccuperais peut etre plus de rendre mes sites compatibles avec, mais on en est loin.

Voilà :jap: on choisit pas ses clients ni le matos de ses visiteurs ...
Sur un site perso on fait ce qu'on veut ; fuck IE vive les CSS3 les plus débridés et compatibles avec 2 navigateurs dans leur version la plus récente mais pour un client institutionnel comme une branche d'une université, le cahier des charges précise "compatibilité avec les navigateurs existants" et s'il est est bien fait "IE versions 6 et plus récentes, Firefox 3.à et ..., etc". Et l'agence web fait préciser "ça sera pas au px près dans IE6, y aura ça et ça qui se dégraderont visuellement mais ça restera lisible" (ça peut être juste la transparence ou aucun bord arrondi dans IE6-7-8, tout dépend).
S'il n'y a pas de cahier des charges, ils sont pas sérieux :ange: mais ils viendront te hurler dessus si ça s'affiche pas correctement et ils auront pas tort.

Message édité par phosphoreloaded le 22-01-2010 à 00:35:06

Publicité

charlelechauve

[quotemsg=1959553,10,366998]

Merci bien pour toutes ces remarques. En effet pour le </br>, petite erreur de frappe, je l'ai peut etre fait une ou deux fois, je vais corriger ca.
Pour la balise <p> dans un h1 j'avoue, pas du joli joli. Je pense que j'avais fait bêtement cela pour qu'il y ait un espece de plus devant ou derrière. Je pense que c'est une maladresse car habituellement je l'aurais plutot mis en dehors.

Mais je me demandé, pou le style, même si c'est pour un syle que l'on utilisera que 1 fois pour 1 ligne, il faut obligatoirement le mettre en CSS ? Car si on fait ca pour tout ca fait une feuille CSS énorme :pt1cable: . Enfin, c'est pour cela, si j'avait un style plus ou moins unique que je sais que je ne réappliquerais pas plus tard, je l'ai mis directement dans le html. Mais si c'est mal alors je ne le ferais plus

Et merci pour tout le reste, je vais modifier ca petit à petit.

Pour ce qui est des conditions IE6, j'ai regardé quelques cours et tuto. Je l'ai bien réadapté pour mon site du coup ca marche sans problème sous IE6 et sous les autres (mis à part un petit décalage, mais pour cela cf un autre poste ; je compte le regler en faisant une feuille de style a part, uniquement pour IE6).

Merci merci

[quotemsg]

rufo

Pas me confondre avec Lycos!

Plutôt que de faire une seule grosse feuille de styles, tu peux en faire plusieurs...Une qui contient les styles les plus souvent utilisés et d'autre pour des besoins précis (à commencer par un css pour le média "print" ).

FORUM HardWare.fr

Programmation

HTML/CSS

Bug indéterminé sous IE6

Sujets relatifs
Bug - Assertion Failed --	Bug de menu sous IE
Bug Visual Basic : impossible de voir la ligne de l'erreur	Serveur: Bug de Transfert
Plantage sur serveur Unix/Apache avec IE6	Pb d'affichage d'un site sous IE6
[resolu] IE6 object flash et <!--[ if IE]>	[AS3] Bug preload
IE6 position absolute négatif	Pb de positionnement de div avec IE6-IE7
Plus de sujets relatifs à : Bug indéterminé sous IE6

Page générée en 0.045 secondes