Aller au contenu

Optimiser site pour Firefox


JeanJean75

Sujets conseillés

Bonjour,

Tout d'abord je me présente, je m'appelle Jean et j'ai 15 ans. :)

Mon père me demande de regarder quelques petits trucs sur son site professionnel et en outre, le site n'est pas du tout optimiser pour Firefox. Vous pouvez m'indiquer comment optimiser un site pour Firefox, du moins sur quel bord regarder ? =)

Thx.

Lien vers le commentaire
Partager sur d’autres sites

Optimiser pour tel ou tel navigateur est une pratique que l'on a justement essayé d'éviter avec le respect des standards... Il doit y avoir un malentendu mais je te propose donc de passer le site en question au validateur du W3C.

Il n'y a aucune optimisation à priori, ni hack à faire pour Firefox : à la limite tu as des "bonus" comme les CSS moz-border,moz-highlight, etc... mais ce sont des bonus, c'est tout. Pour "optimiser" un site pour Firefox, tu peux juste utiliser toutes les possibilités du web moderne et sémantique (CSS,balises hN, alt, etc...)

Je pense qu'il serait bon que tu reformules ta question.

Bienvenue sur le Hub !

Lien vers le commentaire
Partager sur d’autres sites

Salut et sois le bienvenu parmi les membres du Hub. :)

S'il s'agit d'un site professionnel, je ne saurai trop encourager ton père à s'en remettre à un spécialiste, et pas uniquement pour s'affranchir des problèmes de compatibilité que peut rencontrer son site mais plus globalement pour donner la meilleure image possible de son entreprise. ;)

Toutefois, si tu veux quand même quelques conseils, comme on te l'a suggéré, passe les différentes pages au validateur W3C, puis n'hésite pas à revenir poster ici, éventuellement en nous communiquant l'URL du site en question.

Lien vers le commentaire
Partager sur d’autres sites

J'ai oublié de vous donner le code HTML... :)

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<!-- Mirrored from allingua.fr/ by HTTrack Website Copier/3.x [XR&CO'2008], Wed, 08 Oct 2008 12:01:36 GMT -->
<head>
<title>Allingua</title>
<meta name="Robots" content="index,nofollow">
<meta name="author" content="CliqueZ">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="*,502,*" border="0" framespacing="0" frameborder="NO">
<frame src="http://allingua.fr/bleu.htm" scrolling="NO">
<frameset cols="*,752,*" border="0" framespacing="0" frameborder="NO">
<frame src="http://allingua.fr/bleu.htm" scrolling="NO">
<frame name="milieu" src="http://allingua.fr/home.htm" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrolling="NO">
<frame src="http://allingua.fr/bleu.htm" scrolling="NO">
</frameset>
<frame src="http://allingua.fr/bleu.htm" scrolling="NO">
</frameset>
<noframes>
<body bgcolor="#000000">
</body>
</noframes>

<!-- Mirrored from allingua.fr/ by HTTrack Website Copier/3.x [XR&CO'2008], Wed, 08 Oct 2008 12:01:36 GMT -->
</html>

Voyez de vous même www.allingua.fr regardez sur Firefox Opéra et IE ;) En gros j'aimerais que sur FF et Opéra, je puisse avoir les mêmes options que sur IE. :)

Lien vers le commentaire
Partager sur d’autres sites

Sur le liens que j'ai donné (www.allingua.fr), sur la page principal, tu vois en bas à gauche une planète. Sous IE, quand tu cliques dessus, tu peux voir un menu déroulant avec pleins de lanques, or sur FF et Opéra, rien ne s'affiche. Aussi en haut sur "Secteurs Privilégiés" et "Langues Traités", en cliquant dessus on devrait avoir deux menus déroulants or sous FF et Opéra rien alors que sous IE tout est fonctionnel. :)

Lien vers le commentaire
Partager sur d’autres sites

Salut

Aïe. Le problème ne va pas être d'optimiser ton site pour un navigateur en particulier (ce qui est une mauvaise idée de toute façon).

Il va surtout falloir que tu optimises ton site pour qu'il ne donne pas l'impression d'avoir été écrit en 1991. Le code Javascript utilisé par ton menu déroulant est celui-ci:

function voir(calque)
{
if(NS4)
{
document.layers[calque].visibility = 'visible';
}
if(IE4)
{
document.all[calque].style.visibility = 'visible';
}
}

Donc en gros, tu testes pour savoir si le navigateur est Internet Explorer 4, auquel cas tu envoies une directive propriétaire Microsoft.

Et si le navigateur est Netscape 4, alors tu envoies une directive propriétaire Netscape.

Petit cours d'histoire rapide:

Internet Explorer en est à la version 8. Autant dire que la version 4 est bien loin.

Quant au pauvre Netscape, il a été racheté par AOL il y a quelques années. Et puisque les petits alchimistes d'AOL ont l'habitude de transformer l'or en plomb, et bien Netscape n'existe plus (ici le certificat de décès).

Je ne sais pas comment tu as codé ce site... à la main ? avec un logiciel ? En tous cas, le code est à revoir depuis zéro: j'ai l'impression d'avoir rajeuni de dix ans. Les cadres, les spacer.gif, les détections IE/NS, les tableaux, les pop-ups, les onmouseover/onmouseout, les map/area... tout y est.

Désolé pour le feedback aussi négatif, mais merci pour ce petit coup de nostalgie ;)

PS: sur Safari non plus, ton menu déroulant ne s'affiche pas (le contraire m'eût étonné).

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...