Discussion :

[Nardanaito]

Bonjour,

Je fais un site en PHP. Et je le teste au fur et à mesure sur IE6 et Firefox 1.5.
Le tout sur Windows XP en utilisant EasyPHP.

Voilà pour l'introduction, passons au vif du sujet ;-)

J'ai un menu de navigation (tout simple, à base de <li> et da <a>)
Le rendu de ce menu diffère suivant que j'utilise internet explorer ou firefox.
Et ce n'est pas une question de positionnement ou de marges CSS.

Voici le code simplifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
echo "    <ul>\n";
echo "      <li>\n";
echo "        <a href=\"page1.php\">Page 1</a>\n";
echo "      </li>\n";
echo "      <li>\n";
echo "        <a href=\"page2.php\">Page 2</a>\n";
echo "      </li>\n";
echo "    </ul>\n";

Les espaces en début de chaque ligne servent à respecter la mise en page des balises.
Le problème doit venirdes retour-chariots "\n" et des fameuses tabulations.

Sous Firefox, pas de bug, mais sous Internet Explorer, j'ai un saut de ligne entre chaque lien.

Ce qui donne à peu près ça sous Firefox :

• Page 1
• Page 2

Et ça sous Internet Explorer :

• Page 1
  
• Page 2

Autant vous dire que mon menu prend deux fois plus de place en hauteur sous Internet Explorer que sous Firefox
Pas très joli en somme !

Si je refais le code pour retirer tous les retour-chariots, j'obtiens donc ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<ul><li><a href=\"page1.php\">Page 1</a></li><li><a href=\"page2.php\">Page 2</a></li></ul>\n";

Et là, j'ai plus ce problème de saut de ligne disgracieux.

Pourquoi Internet Explorer interprète les retour-chariot et les tabulations comme des llignes à part entières ?
Ou même, pourquoi FireFox ne le fait pas ?

Mais surtout : Comment faire pour que le rendu soit identique quel que soit le navigateur ?
(j'ai pas Opera, j'ai pas testé avec ce navigateur, ni avec tous les autres du marché)

Si vous avez des idées, je suis preneur... parce que là je tourne en rond

[Modéré par Nesmontou]
[Forum original PHP]

[Nesmontou]

Salut, j'ai eu aussi ce problème. En fait, c'est un bug de IE dans son interprétation du code HTML. Ton erreur ne vient pas de PHP

Pour le résoudre, il faut tout mettre en ligne comme tu l'as fait

[loka]

le plus chiant etant de faire un test sur ce que possede le visiteur comme navigateur et de faire le code suivant ça... mais c'est efficace

[Nardanaito]

Justement, je teste sur plusieurs navigateurs pour faire un site 100% compatible, et donc ne pas avoir certaines parties du code réservées à un type de navigateur plutôt qu'à un autre.

Ce que je comprends pas c'est que les listes sont mondialement utilisées pour créer des menus... et d'autres sites n'ont pas ce problème avec Internet Explorer.... d'où mon incompréhension !?!?

Pour le moment, j'ai viré les listes, je garde que les liens... Ainsi j'ai pas ce problème de saut de lignes.
Mais j'espère trouver une solution quand même, les listes c'est pratique.

[Nardanaito]

Bon, ben en fait j'ai réussi à limiter la casse en écrivant chaque lien sous la forme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
echo "    <ul>\n";
echo "      <li>\n";
echo "        <a href=\"page1.php\">Page 1</a></li><li>\n";
echo "        <a href=\"page2.php\">Page 2</a></li></ul>\n";

C'est un tout petit peu moins crade que tout sur la même ligne
Je peux pas faire mieux, si je mets la balise fermante UL sur la ligne du dessous, j'ai un saut de ligne

Bon, ça ira pour le coup

Merci pour vos réponses, et encore désolé pour la mauvaise section

PS : J'ai quand même remarqué que si, dans la feuille CSS, je ne précisais pas que mes liens étaient "display : block" et bien je n'avais pas ce problème. Mais bon, le rendu n'est pas du tout le même, donc je garde mon "display : block" et j'adapte le code comme indiqué ci-dessus

[Deallyra]

Excusez moi d'arriver comme un cheveux dans la soupe mais pourquoi donner la charge à ton serveur d'afficher du code HTML simple?

edit : à voir du coté des forums CSS mais avec des mises en formes conditionnelles, j'ai déjà vu des problèmes de ce type réglés au cas par cas.