Bonjour,
[Assez long ... désolé]
[Les captures d'écran ont été déplacées dans un coin de mon espace Web
pour ne pas alourdir le mail]
[Certaines images sont lourdes]
J'ai essayé de faire un comparatif du rendu de Spip sous différents
navigateurs.
Pour le site Privé uniquement, le site Public dépend trop des squelettes
créés par les webmasters.
J'ai passé un peu de temps à faire ça, dans l'espoir d'être utile.
Pas pour lancer une polémique W3C, validation, majorités-minoritaires et
vice-versa, ... .
Sous Linux 2.4.8 (Mandrake 8.1).
Je n'ai pas rebooté sous Windows pour refaire les tests : il y a assez
d'utilisateurs Windows et Mac pour essayer sur leur OS favoris.
Mozilla 1.1b
************
Pas de grosse anomalie constatée.
Uniquement deux détails :
- Quand on visualise un article dans le site privé, les cadres sont
corrects sauf quand il y a des documents attachés.
Ceci apparait souvent à partir de 2 documents, parfois au premier et
surtout quand le nom du fichier joint est long. (copies écran 1-2 Ok, 3
montrent le problème)
http://www.philippe-charlier.be/brol/Mozilla1.png
http://www.philippe-charlier.be/brol/Mozilla2a.png
http://www.philippe-charlier.be/brol/Mozilla2b.png
http://www.philippe-charlier.be/brol/Mozilla2c.png
http://www.philippe-charlier.be/brol/Mozilla3.png
http://www.philippe-charlier.be/brol/Mozilla3a.png
http://www.philippe-charlier.be/brol/Mozilla3b.png
- Le bouton "parcourir" dans l'élément "ajouter un document ou une
image" dépasse du cadre.
http://www.philippe-charlier.be/brol/Mozilla4.png
Opera 6.03
**********
Pas d'anomalie majeure constatée : fonctionnement en accord avec la
documentation (Evolution et Mise à jour).
Les éléments dépliables (disponibles sous MSIE et Mozilla) ne
fonctionnent pas et donc ne sont pas masqués.
Bref toujours déplié et petits triangles pas affichés : OK.
http://www.philippe-charlier.be/brol/Opera1.png
http://www.philippe-charlier.be/brol/Opera1a.png
Fonctionnement très rapide.
Seule petite anomalie : les champs de formulaires (nouvel article, ...)
ont tous des longueurs différentes :
http://www.philippe-charlier.be/brol/Opera2.png
Netscape 6.2
************
Désolé j'ai jeté la version 4 par la fenêtre fermée.
Un peu le *bordel*.
Vaguement utilisable mais beaucoup d'anomalies.
- Toutes les bordures de cadre (arrondis, ...) sont absentes ou mal
affichées.
http://www.philippe-charlier.be/brol/Netscape1.png
- Déjà signalé, je crois : Enauuurme cadre gauche et piti cadre droit
quand on visualise un article.
http://www.philippe-charlier.be/brol/Netscape2.png
- J'ai effleuré les autres pages (Administration du site, Statistiques,
...).
C'est utilisable et correct sauf les bords de cadres.
Galeon 1.2.6
************
Se comporte exactement comme Mozilla (logique, il vient de là).
Même remarques que Mozilla.
http://www.philippe-charlier.be/brol/Galeon1.png
http://www.philippe-charlier.be/brol/Galeon2.png
Konqueror 2.2.1
***************
Très beau rendu.
- Avec JavaScript activé les éléments dépliables ont un comportement
bizarre (allant jusqu'au plantage du navigateur).
Par exemple quand on clique sur un triangle pour refermer un élémént,
tous les triangles de la page tournent ;-))
Quand un élément est déplié puis replié, son contenu est effacé mais le
cadre garde sa taille.
Ici, je crois que seul Konqueror est à blâmer.
http://www.philippe-charlier.be/brol/Konqueror1.png
- Avec JavaScript désactivé, ça marche comme Opera : nickel.
http://www.philippe-charlier.be/brol/Konqueror2.png
http://www.philippe-charlier.be/brol/Konqueror3.png
- Encore deux remarques pour être complet :
Le champ de sélection de fichier est trop petit.
http://www.philippe-charlier.be/brol/Konqueror4.png
Même remarque que Mozilla pour les cadres.
http://www.philippe-charlier.be/brol/Konqueror5.png
Finalement
**********
J'ai jeté un oeil sur le code HTML arrivant dans le navigateur à partir
d'un site Spip (source HTML).
Je crois qu'il y a de temps en temps quelques petits problèmes de
balises qui se chevauchent.
Je ne sais pas si ça peut expliquer les différences de rendu selon le
navigateur.
Un petit exemple :
L'utilisation du raccourci gras (ou italique) sur plusieurs paragraphes
fait un chevauchement des balises :
{{Premier paragraphe
Deuxième paragraphe}}
<p><b></p></b>
Le rendu sera différent selon le type de navigateur :
Konqueror :
http://www.philippe-charlier.be/brol/gras_Konqueror.png
Galeon :
http://www.philippe-charlier.be/brol/gras_Galeon.png
Netscape :
http://www.philippe-charlier.be/brol/gras_Netscape.png
Mozilla :
http://www.philippe-charlier.be/brol/gras_Mozilla.png
Opera :
http://www.philippe-charlier.be/brol/gras_Opera.png
Cet exemple est bénin et la solution est de limiter la portée des
raccourcis à un paragraphe.
Mais dans le cas des pages créées par Spip, si ce genre de chevauchement
apparait, surtout dans les cadres créés à l'aide de tableaux, des
anomalies apparaissent (très dépendantes du navigateur utilisé).
Par exemple, Netscape 4 était sensible à ce genre de choses pouvant dans
certains cas l'amener à planter.
J'ai un peu regardé le code HTML créé lorsque l'on visite le lien :
.../ecrire/articles.php3?id_article=x
Je ne suis pas spécialiste, donc je me trompe peut-être :
1. Je ne sais pas si c'est important mais il y a dans la page que j'ai
vue 18 balises <p> et seulement 2 balises </p>
2. Tout à la fin il y a des balises </center> et </font> (juste avant
</body>).
Les balises ouvrantes correspondantes sont perdues dans le code, avec un
méchant chevauchement.
3. Il semblerait y avoir une balise <font> jamais refermée.
4. J'ai aussi repéré des balises </form></div> inversées donnant :
<form><div> .... </form></div>
Bref, je ne sais pas si ceci peut expliquer les différence de rendu
selon le navigateur utilisé.
C'est fini.
Merci d'avoir lu jusqu'au bout.
Philippe
--
Philippe CHARLIER <p.charlier@chello.be>