CSS incompatibles avec Firefox

[kooby008]

Bonjour,

Je viens tout juste de me mettre à Firefox et aux CSS à ma grande stupeur le site qui fonctionne sans problème sous IE s'affiche n'importe comment sous Firefox. J'ai réalisé tout le site avec Dreamweaver directement en ligne de code. Je ne sais pas d'où vient le problème. Si je change ma feuille de style pour que l'affichega soit correcte sous Firefox, ça devient n'importe quoi sous IE. Si quelqu'un a une solution je suis preneur. Cela ne me dérange pas de revoir mon code et de le modifier. Le site est à cette adresse http://www.gitesdethouy.com et choisissez version HTML. Essayer sous IE et sous Firefox et vous verrez que l'affichage diffère beaucoup.

[jv2759]

Attention, ie ne suporte que de maniére imparfaite les css, donc certaine fonction peuvent mal être interpreter.

ou alors c'est interpreter de maniére différente entre les deux.

Par exemple pour les ul, ie et ff réagisse diférament, car l'un mes du padding à gauche et l'autre du margin, ou inversse.

Ou alors les position absolut, fixe qui son problématique des fois.

Par contre moi je n'est pas rencontré de différence majeur entre ie et ff...

[calimo]

Ah bon ? Qu'y a-t-il de différent ? Je ne vois rien d'anormal...

Ah si, il y a un truc pas normal : les liens vers les versions ils ont href="#" ce qui fait que ce ne sont pas de vrais liens, pas possible de les suivre sans JS Mets le vrai lien dans le href (ou mieux : n'ouvre pas de popups, je n'en vois pas l'intérêt )

PS : Ah oui il y a aussi "Site optimisé pour un affichage de 1024x768 et pour" qui ne va pas, déjà parce qu'on ne sait même pas pouquoi et aussi parce que l'affichage doit être optimisé pour la résolution de tes visiteurs, quelle qu'elle soit, là ton site fait timbre-poste dans une résolution de 2048 et ne rentre pas en 640

[Benoit]

Il m'a l'air de fonctionner très bien sour Firefox ce site, s'il y a des différences avec IE ce n'est pas un problème du moment que c'est lisible pour tout le monde, si ?

[The BLION Corp.]

J'ai testé les deux navigateurs.
Je trouve que ça se ressemble comme deux gouttes d'eau...

L'image pour Internet Explorer, ça fait d'un kitsch.... Désolé, mais bon, c'est vrai !!! L'idéal est de gérer Firefox et Internet Explorer, à priori, ça passera sur presque tout (surtout si ça passe sous Firefox)

[kooby008]

Merci beaucoup de vos réponses , mais je pense que je n'ai pas été suffisament clair.

Si vous vous rendez à cette adresse : http://www.gitesdethouy.com/html2/francais/oustal.htm et que vous l'ouvrez soit sous IE soit sous FF vous verez que les plans ont disparus. D'autres erreurs apparaissent tout on long de la navigation du site version HTML.


Concernant la phrase "site optimisé ..." si je l'ai faite c'est parceque pour une navigation bien plus aisée c'est la résolution que je conseille.

Quant aux popups, j'ai préféré cette option pour la bonne et simple raison que la page d'accueil propose divers services et pour laisser le choix à l'utilisateur de pouvoir voir le site en HTML et en FLASH. Et comme les sites sont réalisé dans des dimensions fixes, je trouve plus esthétiques d'avoir une fenêtre dimensionné juste aux bonnes dimensions ...

Voilou, mais le couer du problème est les CSS interprétés par FF qui diffèrent à cette adresse : http://www.gitesdethouy.com/html2/francais/oustal.htm

[calimo]

les plans ont disparus.

Moi je les vois... tu parle de ceux-ci :

Tu es sur de ne pas les avoir bloquées (avec Adblock par exemple) ?

En plus il ne s'agit pas de CSS mais d'images

D'autres erreurs apparaissent tout on long de la navigation du site version HTML.

Là encore il te faudra être plus précis, je ne vois aucune différence d'affichage...

Concernant la phrase "site optimisé ..." si je l'ai faite c'est parceque pour une navigation bien plus aisée c'est la résolution que je conseille.

Si tu avais fait un design plus elastique, ton site s'afficherait optimalement dans toutes les résolutions. Ainsi il ne ferait pas timbre-poste dans une largeur de 2048 et tiendrait dans une fenêtre de 640 de largeur...

Quant aux popups, j'ai préféré cette option pour la bonne et simple raison que la page d'accueil propose divers services et pour laisser le choix à l'utilisateur de pouvoir voir le site en HTML et en FLASH. Et comme les sites sont réalisé dans des dimensions fixes, je trouve plus esthétiques d'avoir une fenêtre dimensionné juste aux bonnes dimensions ...

Cela ne t'empêche pas d'au moins les faire dans les rêgles de l'art. En l'occurence 10% de tes visiteurs ne pourront pas accéder aux plans agrandis, parce que tu n'a pas fait une popup intelligente (bien que je trouve que "intelligente" soit un bien grand mot, mais admettons ).

[SB]

Je confirme que chez moi ils n'apparaissent pas. Ils sont placés derrière le flash. Je pense que mes marges du code

Code : Tout sélectionner

<div style="margin-left:5px">L'&eacute;tage</div>
<div style="margin-left:5px"><a href="#" onClick="javascript:window.open('oustal/plan1.gif','','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=200,height=191');" title="cliquez pour agrandir"><img src="oustal/plan1.gif" width="130" height="180" border="0"></a></div>

sont interprétées comme étant prises à partir du bord gauche et non à partir du flash.

[kooby008]

Oui je parle d'eux .... Comment se fait-il que tu les vois et moi pas ? C'est quoi adblock ?

Je ne comprend pas comment ça peut se faire que tu puisses le voir et moi pas. J'ai juste installé FF et un thème et après dans les paramètres je n'ai pas mémoire d'avoir configuré quoi que ce soit côté images.

Je suis d'accord que c'est une image et non un CSS, mais je pensais que comme c'était le CSS qui plaçait l'image la faute lui incomber

Merci en tous cas des liens, je vais aller voir ça de plus près ...

[SB]

La première adresse à visiter, c'est celle-là. Une fois les 45 erreurs corrigées, ça devrait s'afficher comme il faut.

[calimo]

Ah je pige
Je les voyais parce que j'ai les plugins désactivés par défaut
Et dans IE je ne voyais pas la vieille maison en flash parce que le sp2 me demande si je veux activer les active-X et qu'il n'y a aucune raison que je le fasse
Je découvre donc le flash avec la vieille maison...

AMHA le problème c'est que tu fait tout flotter. Le modèle de flottement d'IE est connu pour être relativement différent du standard (utilisé entre autres par Mozilla). À essayer aussi sous Opera pour voir.

Voir avec attention la valeur inline-block sur la propriété display du futur CSS 2.1 qui je l'espère sera implémentée très très rapidement dans Mozilla, parce qu'il y a une réelle urgence

Edit : comme par hasard il y a un très vieux bug sur inline-block, un bug à 4 chiffres (:shock:) : 9458. Chez moi ça ne marche quand-même pas sous IE. Ouf !

[kooby008]

Bon ben je vois que j'ai pas mal de boulot en perspective.

SB: merci pour le lien, je vais essayer de corriger ses 45 erreurs rien que pour cette page. Ensuite je présume que je suis bon à rechanger toutes les pages du sites .... Ouais youpie vivement les vacances.


Calimo : Ton dernier message est certainement très clair pour les connaisseurs, mais perso je n'ai rien compris.

[calimo]

Ce que je veux dire c'est que si ce que dit SB ne suffit pas, il peut s'agir d'une interprétation différente des recommandations CSS

[kooby008]

ah vioui ...

Donc si j'ai bien compris, même si je vais m'éclater pendant un bon moment à corriger tous mes problèmes, ce n'est même pas certain que ça soit utile. Il faudra que j'attende qu'un jour FF saches interpréter correctement les CSS.


Bon, je vais prendre le bon côté de la chose, au moins une fois corrigé mon site devrait passer avec tous les navigateurs. Et ceux pour qui ça parait mal, et bien ça ne sera pas à cause d'un code erroné mais d'un navigateur qui interprète mal.

Maigre consolation + 85% des utilisateurs utilisent IE

[calimo]

ah vioui ...

Donc si j'ai bien compris, même si je vais m'éclater pendant un bon moment à corriger tous mes problèmes, ce n'est même pas certain que ça soit utile.

Si, faire un code valide est toujours utile

Il faudra que j'attende qu'un jour FF saches interpréter correctement les CSS.

Mais il le fait (à part pour la propriété inline-block que seul opera semble connaitre pour l'instant).
Dans le cas de tes flottements, ce serait plutôt IE qui ne les supporte pas comme il faut et te pousse à croire que tu as juste alors que tu as peut-être faux