Optimiser pour IE et Mozilla Résolu/Fermé

Question

Bonjour,
J'aimerais optimiser mon site à la foi pour IE et Mozilla. Il me semble qu'un code existe pour avoir deux pages CSS différentes selon le naviguateur mais lorsque je le trouve sur le net, on me précise qu'il faut utiliser le php. Mon site étant seulement en HTML, n'y a t'il pas un autre code compatible ?
Merci de votre aide.

974_Vin's_974 · Answer

En effet il te faut inclure du PHP.. Dans chacune de tes pages de ton site, à l'intérieur de ton ... mets ça: ensuite tu crées une nouvelle page qui s'appel "style.php" et tu cole ça dedans : '; //Il met la feuille de style adapté à firefox } else { echo ''; //Sinon il met la feuille de style adapté à IE } ?> Voila, et bien sur il te faudra 2 page de CSS.. Tu les adapte en fonction du navigateur.. Cordialement..

Rabiere · Answer

Y'a rien d'autre à ajouter ? Parce que je ne vois pas la différence. Je t'envoie ma feuille de style : '; //Il met la feuille de style adapté à firefox } else { echo ''; //Sinon il met la feuille de style adapté à IE } ?> Sachant que j'ai nommé ma page css pour firefox, "design.css" et celle pour IE "cssie.css", y'a t'il quelque chose qui te choque dans ma feuille de style ?

Dalida · Answer

salut,

J'aimerais optimiser mon site à la foi pour IE et Mozilla. Il me semble qu'un code existe pour avoir deux pages CSS différentes selon le naviguateur mais lorsque je le trouve sur le net, on me précise qu'il faut utiliser le php. Mon site étant seulement en HTML, n'y a t'il pas un autre code compatible ? 
tu peux être 100% compatible sur tous les navigateurs sans avoir à faire de bidouilles d'autant qu'il me semble me rappeler que la détection du navigateur par le serveur n'a pas toujours été exacte.

il suffit de créer des pages HTML valides, de les coder progressivement en CSS en testant à chaque étape.
il n'y plus tant de différences que ça entre les navigateurs,
maintenant c'est assez facile de passer partout sans être un gourou de l'intégration.

Rabiere · Answer

Merci Dalida, c'est finalement l'option que j'ai choisit ! Au passage, faites un saut sur mon site, vous verrez que même sous IE, il ne rend pas si mal !
http://rabiere.free.fr/index.html

Merci à tous de votre aide.

Dalida · Answer

salut,

si tu veux travailler de façon pérenne, commence par coller l'URL de ton site ici.
et corrige tant qu'il y a des erreurs !

une fois que tu auras un HTML valide, tes mises en page seront déjà plus stables d'un navigateur à l'autre.

Rabiere · Answer

Ok, c'est vrai que ça pourrait me permettre de corriger les erreurs mais le souci, c'est que le site est en anglais et que moi et l'anglais, ça fait deux ! n'y a t-il pas le même programme dispo en français ?

Dalida · Answer

salut,

suffisait de demander !
-;o)

Rabiere · Answer

Le problème c'est qu'il ne me sort qu'une phrase d'erreur alors que le site anglais en trouvait une cinquantaine :s Que faire ?

Dalida · Answer

re, il faut lui imposer le jeu de caractères ISO 8859-1. sinon reste en anglais et demande -nous quand tu butes sur une traduction mais tu te débrouilleras vite tout seul. pour corriger ta page : • remplace tous les "&" par des "&", ça enlèvera la majorité des 50 erreurs (en fait il n'y en a pas tant ce sont des erreurs en chaîne) ; • fais disparaitre les balises et et remplace les par des styles en CSS ; • remplace les
par des
. après ça il ne devrait plus rester grand chose.

rabiere · Answer

Merci beaucoup Dalida, j'ai supprimé les erreurs et retravaillé mon html ainsi que mon css. Il me reste un ultime soucis : J'aimerais créer un block ou mes images se placent les une à coté des autres deux par deux. J'ai donc fait ceci en html :

R&C (By Rabiere)
1024x768 Afficher en grand

The Sims 3 B.A (By Rabiere) 1024x768 Afficher en grand

Rythme & Style (By Catmini) 1024x768 Afficher en grand

R&C n°2 (By Joemy)
1024x768 Afficher en grand

3 fois plus de Bonheur (By Lindag) 1280x1024 Afficher en grand

Grafik-Sims (By Lindag)
1280x1024 Afficher en grand

Et ceci en Css : #imgplace{ overflow: visible; width: 1090px; height: 20px; margin-left: 0px; margin-top: 0px; } Seulement, sur mon rendu, les images de placent toutes les une en dessous des autres. j'ai beau modifier le Width et le Height, rien ne change. je pense que mon block n'est pas valide, mais je ne sais pas pourquoi ! Pouvez vous m'aider ? (désolé de la complexité de mon html, il n'est que répétition enfaite)

Dalida · Answer

salut, pour le HTML je te propose quelque chose d'autre. ça ne change rien pour la mise en page mais ça me parrait un peu plus sémantiquement correct. donc, une liste de définitions avec comme termes les images et comme définitions les légendes/dimensions/liens.

: R&C (By Rabiere)
1024x768 Afficher en grand
: The Sims 3 B.A (By Rabiere) 1024x768 Afficher en grand

pour le mettre en page faut connaitre la largeur du bloc container, dans notre cas c'est
. pour l'exemple je prendrai 800 pixels, en imaginant que tes images font chacune 360 de large (d'ailleurs il faut ajouter les dimensions et la balise "alt" à chaque ). donc tu fais flotter les
et
à gauche en leur donnant une largeur de moitié du container. dt, dd{ float:left; width:50%; } selon la hauteur des
ça risque de pas coller, fais un essai et dis-moi, dans le pire des cas on utilisera une autre méthode.

Optimiser pour IE et Mozilla

11 réponses

Discussions similaires