5568 sujets

Sémantique web et HTML

[Résolu] Compatibilité navigateurs

Bonjour,

Je me permet un autre message avant de reprendre mon site...

Je me serais attendu, en utilisant Dreamweaver, à obtenir d'avantage de compatibilité...

Or je vois une nette différence entre IE et firefox au niveau des marges.
On voit une différence de présentation.
Bien sur, rares sont ceux qui vont ouvrir le site dans les 2 navigateurs pour comparer...

Une solution ?

Je précise, comme indiqué dans un autre post, que je n'ai pas encore validé le code...
...Donc je pose peut-être cette question un peu tôt. Smiley lol Smiley lol

Une idée des bons logiciels moins compliqués que Dreamweaver (A part le bloc-notes Smiley lol ) ?

Merci

@+
Modifié par Jason (06 Jun 2012 - 09:34)
a écrit :
Une idée des bons logiciels moins compliqués que Dreamweaver (A part le bloc-notes Smiley lol ) ?


Je me sens visé ^^

Sérieusement et franchement, il y a Komodo que je trouve assez sympa personnellement ou Sublime Text 2 qui va de temps en temps te demander si tu veux une licence, suffit de répondre non et t'es tranquille jsqu'a la prochaine fois ^^.

Par conter tout cela reste des editeurs de textes basiques avec une auto-completion assez interessante pour developper et connaitre correctement les langages dans lesquels on developpe.
Il n'y a pas vraiment de rapport entre l'affichage de tes pages sous les différents navigateurs et le logiciel que tu utilises pour les coder.

C'est à toi de bien rédiger tes feuilles de styles pour réduire l'écart d'affichage entre les navigateurs qui ont chacun des styles par défauts appliqués aux différents éléments HTML.

Tu peux utiliser un RESET CSS (ce qui est assez bof) ou mieux, appliquer des styles par défaut aux éléments. HTML5 Boilerplate est pas mal pour ça, ou tu peux utiliser un framework CSS comme le bootstrap de Twitter.
Modifié par jb_gfx (31 May 2012 - 16:45)
Bonjour,

Dreamweaver, en mode code, est une très bon logiciel.

Par contre, si ton code n'est pas valide ; il est effectivement "trop tôt" pour venir te plaindre du problème d'interopérabilité (la compatibilité, c'est un peu différent). MAIS, tu aurais du prendre en compte la validité de ton code dès le début !
Bonjour,

Merci pour vos réponses...

Il y longtemps, déjà, j'ai fait de nombreuses pages et plusieurs petits sites...
Mais c'était une époque ou Firefox débutait, et IE très largement majoritaire.

Alors, j'avais tout créé compatible IE sans ma poser de questions. Aujourd'hui on ne peut plus faire comme ça.

Ceci dit, un bon point, mon fichier Style.css est validé...
Dommage qu'il ne valide pas les pages HTML aussi en local.

Je repasse quand j'en sais un peu plus...

Merci

@+
Pour les différences de marges entre Firefox et IE, c'est peut-être lié aux styles par défaut des navigateurs pour quelques éléments tels que BODY, UL et OL. Pour ces trois éléments il est conseillé de définir à la fois les marges et le padding, par exemple:
body {
  margin: 0;
  padding: 0;
  }
ol, ul {
  margin: 1em 0;
  padding: 0 0 0 1.5em;
  }

Modifié par fvsch (01 Jun 2012 - 17:32)
Bonjour,

Merci de l'info, fvsch

Comme prévu, je reviens donner des infos...

J'ai passé toutes mes pages sur : http://jigsaw.w3.org/css-validator/

Tout a été validé... C'est le pied !

Ce qui n'empêche pas qu'il y a quelques différences entre IE et FF

Merci

@+
Bonsoir,

Tu as deux problèmes majeurs:

1. Tu es un des derniers utilisateurs d'Internet Explorer 6.0 sur la planète. Du coup tu perds ton temps à tester sur ce navigateur qui est aujourd'hui mort et pas loin d'être enterré.
2. Tu utilises la police de caractères Comic Sans, et c'est pas la mort mais bon c'est une faute de gout quoi.

Plus sérieusement, il y a effectivement un décalage sur entre Firefox et IE8. Sans voir le site c'est difficile de savoir ou même de supposer d'où ça peut venir, et on ne peut que lister les suspects habituels:
- Un problème de mode Quirks.
- Des marges par défaut différentes selon les navigateurs (relativement rare).
- Un problème de fusion des marges mal maitrisé (plutôt fréquent).

(Par contre j'ai peur, si tu travailles dans Dreamweaver en mode WYSIWYG, que ces concepts ne te parlent pas des masses et que le niveau technique en code HTML et CSS requis pour corriger des problèmes de ce type dépassent tes compétences actuelles — voire le niveau de compétence technique visé.)
Bonjour,

Merci pour ta réponse...

En fait, la base a été faite avec Dreamwaver par un ami.
Perso, j'ai toujours trouvé ce soft un peu trop complexe.
J'ai vérifié et apporté des modif, directement dans le code... Ça revient petit à petit.
J'avais abandonné ça depuis 5 ans.

Voilà une adresse du site provisoire : (Edit : Pour éviter tout problème, j'ai supprimé le site de test temporaire. voici le site définitif : http://fetes-isledenoe.franceserv.fr/index.html )

J'ai tout transféré en page perso pour faire les tests.
Ensuite, il y a un hébergeur pour le site final.

a écrit :
Un problème de mode Quirks.

Ça je ne connais pas...

a écrit :
Des marges par défaut différentes selon les navigateurs (relativement rare).
Un problème de fusion des marges mal maitrisé (plutôt fréquent).

Les pages ont été validées, mais ça ne veut pas dire qu'il n'y a pas des erreurs de conceptions.

a écrit :
Tu as deux problèmes majeurs:
1. Tu es un des derniers utilisateurs d'Internet Explorer 6.0 sur la planète. Du coup tu perds ton temps à tester sur ce navigateur qui est aujourd'hui mort et pas loin d'être enterré.

Je peux te garantir qu'un grand nombre d'entreprise tourne encore avec IE6...
Il n'est pas aussi mort que ça... Ceci dit, il est dépassé, évidemment !
Et perso, je n'utilise plus IE depuis très longtemps, j'utilise Firefox (11 en ce moment).
J'ai ressortie IE uniquement pour ces tests...

a écrit :
2. Tu utilises la police de caractères Comic Sans, et c'est pas la mort mais bon c'est une faute de gout quoi.

Pour un site de fête, les autres polices étaient trop "strictes"...
Et comme il fallait une police que l'on peut trouver sur tous les ordi Windows... Ça laisse pas un grand choix.

Merci

@+
Modifié par Jason (18 Jun 2012 - 19:49)
Jason a écrit :
Pour un site de fête, les autres polices étaient trop "strictes"...

Ben voyons.
Il y a fête et fête. Si tu veux donner une image de kermesse d'école maternelle, why not.

Jason a écrit :
Et comme il fallait une police que l'on peut trouver sur tous les ordi Windows... Ça laisse pas un grand choix.

Tu as peut-être Arial Rounded (à vérifier). Sinon dans les sans-serif pas trop austères tu as Trebuchet qui est très bien. Et bien sûr côté serif une Georgia passe toujours bien, avec un aspect classique assez neutre (ça ne fera pas trop vieillot ou littéraire si le traitement graphique ne surcharge pas de signes dans ce sens).
Modifié par fvsch (03 Jun 2012 - 10:57)
Jason a écrit :
Je peux te garantir qu'un grand nombre d'entreprise tourne encore avec IE6...
Il n'est pas aussi mort que ça...

IE6 en France en mai 2012:
- 1,1% des visites d'après Net Applications;
- en dessous de 1% des visites (et donc comptabilisé dans la catégorie «other») d'après StatCounter.
Bonjour,

Un ami travaille dans une APC (Agence postale communale).
Ordi neuf installé il y a 2 ans par La Poste avec IE6... (Toutes ces agences ont le même système)

Bon ceci dit, je n'ai pas l'intension d'argumenter la dessus... Smiley lol
C'est mon site qui m'intéresse... Smiley lol Smiley lol

@+
Modifié par Jason (03 Jun 2012 - 13:59)
Je lance ça à tout hasard, mais je ne vois qu'un fond blanc en arrière plan et non pas celui des screenshots ... Je suis sous Safari

EDIT : Autant pour moi, je suis retourné sur le site et ça a fonctionné parfaitement
Modifié par sonizef (04 Jun 2012 - 11:24)
Bonjour,

Dans la mesure ou tu as regardé le lien temporaire que j'ai mis plus haut, je remplace souvent les fichiers pour tests... La première fois tu as pu tomber sur un fichier mal modifié...

Ceci dit, je pense que j'ai trouvé le pourquoi du comment concernant ma question avec les captures d'écran plus haut.

J'avais noté un 
<td>&nbsp;</td>


que j'ai remplacé par une image transparente

<td><img src="pixel.gif" border="0" width="100%" height="20px" /></td>


Maintenant ça marche aussi sur IE8...

@+
Modifié par Jason (04 Jun 2012 - 14:19)
Sujet clos
Aller à