18041 sujets

Questions générales et questions de débutants

[résolu] Site simple fonctionne sous FF, pas sous IE et Safari

Problème résolu, merci à Heyoan Smiley jap

Bonjour à tous,

Je fais un site simple pour lequel j'utilise des CSS afin de fixer une image de fond en bas à gauche. Un flash transparent est placé en haut à gauche et contient... le contenu Smiley smile

Je fais appel à vous car le site ne fonctionne pas sous IE (on voit juste le fond dégradé placé en html, je veux dire sans css), et encore moins sous Safari qui me donne une page blanche.

Je suis conscient de l'attention qu'il faut accorder aux problèmes de compatibilité, mais j'ai eu beau lire pas mal de sites sur la question, je n'arrive pas à résoudre mon problème Smiley decu

Je fais donc appel à vous, est-il utile que je fournisse un fichier zip avec les source pour l'éventuelle bonne âme qui accepterait de prendre le temps de jeter un coup d'oeil ?

Voici en tout cas l'adresse du site : (je dois maintenant cacher l'adresse)

Merci d'avance en tout cas.

ps : j'ai posé la même question sur hardware.fr, si j'obtiens une réponse je le dirai ici et ne vous ferai normalement pas perdre votre temps
Modifié par regaber (14 May 2009 - 02:50)
Hello regaber et bienvenue, Smiley smile
regaber a écrit :
est-il utile que je fournisse un fichier zip
à partir du moment où tu as donné le lien vers ta page nous n'avons besoin de rien d'autre.

Comme on est sur Alsacréations ça me démange de te dire que :
1) je ne vois pas l'intérêt du Flash pour un rendu aussi simple... et qui serait bien plus accessible en simple html.
2) il me semble d'ailleurs qu'il n'est pas fonctionnel (à moins qu'il ne soit pas finalisé) car les liens ne fonctionnent pas.
3) je ne vois pas non plus l'intérêt du JavaScript...

Mais bon ! Je ne le ferai pas ! Smiley langue

Par contre je t'invite à corriger les erreurs de validation et à jeter un oeil à l'astuce : Comment rendre valide une animation Flash.
Modifié par Heyoan (04 May 2009 - 03:17)
Heyoan a écrit :
Hello regaber et bienvenue, Smiley smile
à partir du moment où tu as donné le lien vers ta page nous n'avons besoin de rien d'autre.

Comme on est sur Alsacréations ça me démange de te dire que :
1) je ne vois pas l'intérêt du Flash pour un rendu aussi simple... et qui serait bien plus accessible en simple html.
2) il me semble d'ailleurs qu'il n'est pas fonctionnel (à moins qu'il ne soit pas finalisé) car les liens ne fonctionnent pas.
3) je ne vois pas non plus l'intérêt du JavaScript...

Mais bon ! Je ne le ferai pas ! Smiley langue

Par contre je t'invite à corriger les erreurs de validation et à jeter un oeil à l'astuce : Comment rendre valide une animation Flash.


Merci pour les liens et le bienvenu Heyoan Smiley smile
Le site n'est absolument pas fonctionnel en effet, seule la page d'accueil pour test, et encore sans aucune animation.
En tout cas je me suis servi de la validation W3C, je passe de plus de 70 erreurs à 13 erreurs qui m'ont toute l'air d'être dues à flash.
Et miracle ! Le site est fonctionnel sous IE comme sous Safari maintenant Smiley lol
Donc grand merci à toi, la prochaine fois le check W3C sera fait avant de poser une question.
regaber a écrit :
la prochaine fois le check W3C sera fait avant de poser une question.
Oui : c'est LE bon réflexe ! Smiley cligne

Sinon, comme le code est vraiment simple je l'avais fait de mon côté :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style type="text/css" media="screen">
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #8f877f url(http://www.jmc-conseil.fr/test/design/images/jmc-fond.jpg) repeat-y;
}
#flash {
	min-height: 100%;
	background: url(http://www.jmc-conseil.fr/test/design/images/jmc-photo.jpg) no-repeat left bottom;
}
object div {
	border: 1px solid #333333;
	width: 400px;
	margin: 10px 0 0 250px;
	text-align: center;
	color: #201D1A;
}
object div a {
	color: #90151a;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#flash {
	height: 100%;
}
</style>
<![endif]-->
</head>
<body>
<div id="flash">
	<object type="application/x-shockwave-flash" data="http://www.jmc-conseil.fr/test/contenu/jmc-contenu.swf" width="695" height="350">
		<param name="movie" value="http://www.jmc-conseil.fr/test/contenu/jmc-contenu.swf" />
		<param name="wmode" value="transparent" />
		<div>
			<p><strong>Pour visualiser cette page vous avez besoin du Plugin gratuit de Macromédia Flash Player.</strong></p>
			<p>Pour le télécharger cliquez sur ce <a href="http://www.adobe.com/go/getflashplayer">lien</a>.</p>
		</div>
	</object>
</div>
</body>
</html>

Modifié par Heyoan (04 May 2009 - 06:54)
Merci beaucoup Heyoan c'est sympa d'avoir pris le temps !
Effectivement là c'est encore plus propre, et plus facile à lire Smiley eek

Question bête au passage : je n'ai pas pu tester sous IE 6, il y a des chances pour que ça fonctionne dessus ou je rêve ?

Vive les gens de la nuit en tout cas !
regaber a écrit :
Question bête au passage : je n'ai pas pu tester sous IE 6, il y a des chances pour que ça fonctionne dessus ou je rêve ?
J'ai rajouté un commentaire conditionnel donc ça devrait.

regaber a écrit :
Vive les gens de la nuit en tout cas !
Yes ! Smiley winner
Sujet clos
Aller à