[Aide] codage site + IE / FF

Salut, bon voilà je suis en train de coder mon petit site avec mes petits moyens, sous FireFox aucun soucis il apparait comme je veux...

Seulement voilà sous IE... Vraiment pas déja IE ne gère pas mes PNG donc aucune transparence . Ensuite les marges il ne les respectes pas.

Que me conseillez vous ? Supprimer la transparence pour être plus compatible avec les 2 navigateurs ?

En ce qui concerne les marges auto, elles n'ont pas l'air de marché sous IE, je dois donc tout refaire a la main je suppose ?

D'avance merci

Passer sous IE7 ...

Ou lire ...

Jereck a dit:

Passer sous IE7 ...

Cliquez pour agrandir...

C'est pas vraiment un problème par rapport à moi enfait (j'utilise FireFox)

Mais bon je suppose que la majorité des gens sont sous IE6 encore malheureusement

Ps : que devrais-je faire ? ne rien changer ?

Installe un truc genre Google analytics ou Xiti pour savoir les navigateurs utilisés pour visiter ton site

Jereck a dit:

Installe un truc genre Google analytics ou Xiti pour savoir les navigateurs utilisés pour visiter ton site

Cliquez pour agrandir...

Trouvé sur le Standblog : "IE à 35,7% chez Padawan ce trimestre.".

Du coup, ça m'a donné l'idée de faire un tour sur les stats Xiti d'Alsacréations...


La conclusion est que le nombre de geeks au mètre carré sur Alsacréations doit être assez conséquent

Pourcentage des navigateurs pour l'ensemble du mois de mars 2007 selon Xiti, sur le site Alsacreations.com :

• Firefox (1 + 1.5 + 2) = 54.9%
• Internet Explorer (5 + 6 + 7) = 39.8%
• Safari = 2.8%
• Opéra = 1.6%
• Netscape (3 à = 0.6%
• Camino = 0.1%
• PSP = moins de 0.1%

Effectivement, le public auquel se destine ton site a une forte importance.

Un site de design web (portofolio) sera probablement plus visité par des gens ésoucieux du respect des standards" et donc, Firefox (ou IE7, voir Opera).

Un site "kikoolol" destiné à l'utilisateur lambda verra plus de visiteurs avec l'explorateur de base de l'OS : IE6 (maintenant IE7 avec Vista ou les rares a avoir les mises à jour automatiques).


Edit : Novembre 2007 sur Daren-Softwares :

1. MsIE 7.x 38,1%
2. Firefox 2.x 33,9%
3. MsIE 6.x SP2 13,1%
4. Opera 4,8%
5. Firefox 3.x 4,8%
6. MsIE 6.x 1,8%
7. Safari 1,2%
8. Mozilla / Firefox 1,2%
9. MsIE 5.x 0,6%
10. Firefox 1.5 0,6%

Jereck a dit:

Effectivement, le public auquel se destine ton site a une forte importance.

Un site de design web (portofolio) sera probablement plus visité par des gens ésoucieux du respect des standards" et donc, Firefox (ou IE7, voir Opera).

Un site "kikoolol" destiné à l'utilisateur lambda verra plus de visiteurs avec l'explorateur de base de l'OS : IE6 (maintenant IE7 avec Vista ou les rares a avoir les mises à jour automatiques).

Cliquez pour agrandir...

Merci pour le point de vue Jereck

J'ai la vue sur les stats du site dexia.be, site grand public s'il en est. Au dernier check IE restait hyper majoritaire... (j'ai plus le chiffre en tête pour la répartition IE6 IE7 en fait)

Alsacreation est loins d'etre une référence car il s'adresse a un public de développeurs web, donc des gens qui utilise principalement firefox pour les avantage qu'il procure du point de vue développement par rapport a IE.

Ceci dit, quelque soit le public ciblé par ton site, c'est un peu se tirer une balle dans le pied que de négliger IE 6/7 ou Firefox. Et la réponse de "met a jour ton browser" ne fait pas avancer les choses (ne serait-ce que tous les pc utilisé sur le lieu de travail ou l'utilisateur n'a pas accès a la configuration).

Pour en revenir au problème de base de Lilium, il existe des chipotage pour faire marché les png sous ie6 (je me demande si ce n'étais même pas toi qui avait posé la question). Je ne dis pas que c'est la meilleur solution, mais elle existe.
Pour les marges auto, si mes souvenirs sont bons, il faut que ta page soit en xhtml (et déclaré comme tel dans le doctype) pour que ça fonctionne sous IE.

Sur un site n'ayant aucun rapport, puisqu'il s'agit d'un forum Mac

Sur les visiteurs qui ont IE soit tout de même 35% des visiteurs voici la répartition de ceux ci selon les versions IE

1. 7.0 -> 55,03 %
2. 6.0 -> 44,39 %
3. 5.17 -> 0,17 %
4. 5.5 -> 0,17 %

Sur mon site perso IE représentant 37.36%

1. 7.0 -> 51,69 %
2. 6.0 -> 46,86 %
3. 5.5 -> 0,97 %
4. 5.0 -> 0,48 %

Tous navigateurs confondus.

1. Firefox -> 51,08 %
2. Internet Explorer -> 37,36 %
3. Safari -> 3,97 %
4. Konqueror -> 3,25 %
5. Opera -> 2,35 %
6. Mozilla -> 1,44 %
7. Mozilla Compatible Agent -> 0,36 %
8. Playstation 3 -> 0,18 %

Le tout fait sur les 30 derniers jours.

Je me permets de donner mon site perso, étant donné que ton site est plus ou moins dans le même style.

Tifox a dit:

Ceci dit, quelque soit le public ciblé par ton site, c'est un peu se tirer une balle dans le pied que de négliger IE 6/7 ou Firefox. Et la réponse de "met a jour ton browser" ne fait pas avancer les choses (ne serait-ce que tous les pc utilisé sur le lieu de travail ou l'utilisateur n'a pas accès a la configuration).

Cliquez pour agrandir...

C'est pour ça que je dis qu'il faut avoir la répartition des navigateurs des visiteurs pour prendre une décision.

Et dans ce cas-ci, la décision, ce n'est pas "négliger IE au profit d'autre chose", c'est "négliger IE 6 au profit d'IE 7".

Quand aux PC utilisés sur le lieu de travail, une fois de plus, ça dépends du public visé.

Pour le problème des marges, c'est du au fait que si IE ne voit pas de définition !DOCTYPE avec une DTD, il utilise le quirk mode, ce qui veut dire que tout foire plus ou moins dans le CSS. Si tu définis une DTD comme il faut, ainsi qu'un XMLNS (facultatif, quoique...), normalement ça devrait aller mieu.

Differences entre le quirks mode et le mode stricte

Ensuite il faut connaître les astuces spécifiques à chaque navigateur. Quand on les connait, on sait obtenir le même rendu sur tous les navigateurs. (en tout cas sous IE, FF, NN, Safari et Opera).

Il y a une solution en javascript qui corrige le problème de transparence, http://homepage.ntlworld.com/bobosola/ par exemple (il y en a d'autres)

Juste un js à intégrer et ca fonctionne.