Problème d'affichage avec Mozilla mais pas avec IE

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Brutus

Problème d'affichage avec Mozilla mais pas avec IE

Message par Brutus »

Bonjour à tous,

Mon client ( www.f-a-i-r.ch ) me demande pourquoi mes pages Web ne s'affiche pas (partiellement) sur Mozilla?
Bein moi je séche :cry:
Est ce qu'une bonne ame pourrait m'aider... :?: :wink: Merci et à bientôt
phoenix
Lézard vert
Messages : 154
Inscription : 19 déc. 2003, 19:46

Message par phoenix »

Je crois que cela suffit comme explicatrion :
"<meta name="GENERATOR" content="Microsoft FrontPage 5.0">"

Mauvais outil changer d'outils.
Brutus

RE :

Message par Brutus »

Je sais bien mais le site date de 2003 depuis je te rassure j'ai changer et je développe en Webdev9.0 :wink:
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

Un truc super agaçant (et je suis poli) sur ce site :

Code : Tout sélectionner

function non(clic) {
Au moindre clic droit pour appeler le menu contextextuel de mon navigateur, tu m'impose une fenêtre d'alerte (donc tu m'imposes un clic supplémentaire pour fermer ce machin) qui n'a rien, mais alors rien, à voir avec l'action que je souhaitais faire :x
Je ne comprends pas bien le but de cela mais est-ce qu'une page spécifique sur les histoires de copyright machin ne serait pas une meilleure solution ?

Pour le reste du code, je ne suis pas compétent. C'est juste une remarque d'utilisateur. :wink:

Edit : En virant des "z-index" de ton code, c'est déjà beaucoup mieux. Le menu s'affiche.
Avatar de l’utilisateur
pascal
Administrateur
Messages : 1515
Inscription : 28 juil. 2003, 15:13

Message par pascal »

Je regarderai le code quand le script débile destiné à m'empêcher de regarder le code source sera enlevé.

Si je demande à mon plombier de passer réparer la fuite de l'évier de la cuisine, je ne m'amuse pas à lui interdire de passer la porte d'entrée...
Brutus

C'est vrai :)

Message par Brutus »

Bon d'accord, c'est nul, mais le client a adoré ça.. :lol:
Comme quoi les choses qui font frisonner les clients ne sont pas toujours de bon goût. :oops:

Mais bon, mon problème reste entier non ? :roll:

Alors les gars, les filles si il y en a :)

Aider un pauvre webmaster qui c'est ratté lors de ces premiers sites...Snif snif
Brutus

Concernant le mesage de Pascal et Humpff

Message par Brutus »

Si vous utiliser Mozilla Firefox, vous pouvez voir la source sans aucun problème de click droite... Malin non ??
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Comme déjà dit, avec un script anti-clic droit c'est impossible.

Cela dit, un peu de lecture en attendant : http://pompage.net/pompe/cssdezero-1/ :wink:
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

script anti-clic droit c'est impossible
mais avec un bon vieux CTRL+U des familles ? hein ?
Brutus

Message par Brutus »

Bon bein j'ai enlever le script. (de la première page) :)

J'espère qu'ainsi je pourrais compter sur vous pour une solution à mes ennuis. :cry: Merci d'avance :wink:
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Ah ben c'est mieux ! J'ai pu faire un clic droit dans IE pour voir quelles images s'affichaient, c'est d'un coup beaucoup plus simple... :roll: (Et il n'y a pas de Ctrl+U pour les images :lol: ).

Allons-y :
  1. Pas de doctype, c'est l'assurance que les navigateurs feront n'importe quoi (dans un but de compatibilité) ; plein d'erreurs, c'est l'assurance que ça ne s'affichera pas correctement quelque part.
  2. La langue n'est pas définie (<html lang="fr"> tout simplement, ou alors via un meta)
  3. Tu as plein de <p>&nbsp;</p> inutiles. Vire-les, ça ne changera rien :wink:
  4. Il manque les alt sur les area de l'image map. Gros problèmes d'accessibilité en perspective pour ceux qui auraient désactivé les images (connexion lente, navigateur non graphique, etc.)
  5. On en arrive à la clé du problème : tu tentes de positionner des <span>. Or, il s'agit d'éléments en-ligne. Et les éléments en-ligne ne peuvent pas être positionnés (IE le fait, mais ce n'est pas une référence en terme de respect des standards).
La page dégrossie :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
	<meta name="keywords" content="FAIR, Fédération, Association, multicarte, CAP, Innova, représentants, indépendant,représentant, indépendants, formation, cours, membres, visiteurs, amitié, avantages, emploi, fribourg, vaud, genève, valais, neuchâtel, protection juridique, agenda, accueil, bienne, biel, infos-vente, forum, petites annonces, sections, status, tessin">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
	<meta name="author" content="Huaca.ch" lang="fr-ch">
	<meta name="copyright" content="Huaca.ch">
	<meta name="expires" content="never">
	<meta name="date-revision-yyyymmdd" content="6.2.2004">
	<title>Accueil</title>
</head>

<body>

<div style="position: absolute; left: 48px; top: 244px; z-index: 2;">
	<a target="_blank" href="http://www.134.ch/avantages">
		<img src="images/GifanimAvantages.gif" border="0" height="23" width="81" alt="avantages">
	</a>
</div>
<div style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
	<map name="FPMap0">
		<area href="http://www.f-a-i-r.ch/agenda.htm" shape="rect" coords="354, 242, 425, 271" alt="Membres">
		<area href="http://www.f-a-i-r.ch/visiteurs.htm" shape="rect" coords="261, 247, 329, 270" alt="Visiteurs">
		<area href="http://www.f-a-i-r.ch/membres.htm" shape="rect" coords="157, 247, 231, 269" alt="Agenda">
		<area href="http://www.f-a-i-r.ch/Contacts.htm" shape="rect" coords="451, 244, 519, 272" alt="Contacts">
		<area href="http://www.f-a-i-r.ch/liens.htm" shape="rect" coords="545, 246, 592, 271" alt="Liens">
		<area href="http://www.huaca.ch/" shape="rect" coords="29, 511, 117, 599" target="_blank" alt="Huaca.ch">
	</map>
	<img src="images/images/index%20copie.jpg" usemap="#FPMap0" border="0" height="600" width="800" alt="">
</div>
	
<div style="position: absolute; left: 609px; top: 246px; z-index: 2;">
	<a target="_blank" href="http://www.f-a-i-r.ch/news.htm">
		<img src="images/GifanimNews2.gif" border="0" height="23" width="41" alt="News">
	</a>
</div>

<p style="position: absolute; left: 201px; top: 300px; z-index: 1; color:#0000ff; size:small;">
	<img src="images/Imageindex.gif" border="0" height="214" width="352" alt="">
	Dernières modifications : 17.06.2005
</p>

</body>
</html>
Brutus

Message par Brutus »

Merci c'est beaucoup plus claire...
Mais si j'ai bien compris il faut que je refasse toute les pages ....
Bein il y a du boulot !

Je vous informerai des changements ou des difficultés rencontrés la semaine prochaine parcequ'il y a plus de 50 pages.

A bientôt et bon week-end
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Au passage puisque tu y est, mets tes styles CSS dans une feuille externe, ce sera plus facile à modifier par la suite :wink:
Brutus

Message par Brutus »

J'ai apporté 2-3 changements à tes indications. Je serais curieux de connaitre ton opinion sur le document.
De plus, pourrais-tu m'expliquer ce que tu veux me dire par CSS. Car je n'ai que le menu en cours de modification. Les autres pages... non mais j'ai le même problème d'affichage. Encore merci :P


<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">

<head>

<meta name="keywords" content="FAIR, Fédération, Association, multicarte, CAP, Innova, représentants, indépendant, représentant, indépendant, formation, cours, membres, visiteurs, amitié, avantages, emploi, fribourg, vaud, genève, valais, neuchâtel, protection juridique, agenda, accueil, bienn, biel, infos-vente, forum, petites annonces, sections, statuts, status, tessin">
<meta name="copyright" content="Huaca.ch">
<meta name="expires" content="never">
<meta name="date-revision-yyyymmdd" content=20.06.2004">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Page d'accueil de la FAIR</title>
</head>

<body>

<div style="position: absolute; left: 48px; top: 244px; z-index: 2;">
<a target="_blank" href="http://www.134.ch/avantages">
<img src="images/GifanimAvantages.gif" border="0" height="23" width="81" alt="avantages">
</a>
</div>

<div style="position: absolute; left:0pt; top:0pt; z-index: 1;">
<map name="FPMap0">
<area href="membres.htm" shape="rect" coords="159, 248, 231, 266" alt="Espace membres">
<area href="visiteurs.htm" shape="rect" coords="260, 248, 330, 266" alt="Espace visiteurs">
<area href="agenda.htm" shape="rect" coords="359, 251, 421, 269" alt="Agenda">
<area href="Contacts.htm" shape="rect" coords="454, 248, 517, 268" alt="Contacts">
<area href="liens.htm" shape="rect" coords="549, 248, 594, 267" alt="Liens">
<area target="_blank" coords="31, 508, 113, 598" shape="rect" href="http://www.huaca.ch">
</map>
<img src="images/index%20copie.jpg" usemap=#FPMap0 border="0" height="600" width="800">
</div>

<div style="position: absolute; left: 609px; top: 246px; z-index: 2;">
<a target="_blank" href=http://www.f-a-i-r.ch/news.htm">
<img src="images/GifanimNews2.gif" border="0" height="23" width="41" alt="News">
</a>
</div>

<p style="position: absolute; left: 201px; top: 300px; z-index: 2; color: #0000ff; size: small;">
<img src="images/Imageindex.gif" border="0" height"214" width="352" alt="">
</p>
<div style="position: absolute; left: 20px; top: 610px; z-index: 2;">
<a><b><font face="Verdana" color="#0000FF" size="1">Dernière modification :
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%d.%m.%Y" --></font></b></p>
</body>

</html>
Andevros
Salamandre
Messages : 40
Inscription : 26 avr. 2005, 18:59

Message par Andevros »

Bonjour. :D

Je ne suis pas intervenu, mais ...
<meta name="date-revision-yyyymmdd" content=20.06.2004">
La différence de format ne vous choque pas ?
:wink:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité