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 :

Et ça sous Internet Explorer :

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]