Bonjour à tous.

Je poste aujourd'hui pour vous énoncer un problème, qui n'en est pas vraiment un en fait comme vous allez le voir, mais c'est bien gênant.

Comme tout bon codeur, je souhaite éclaircir le mieux possible mon code, en faisant des retours à la ligne après la plupart des balises blocs, et en indentant chaque ligne.

Voici un bout de code :



Voici le même code sans les retours à la ligne :



Dans les 2 cas, le résultat est exactement le même sous Mozilla FireFox et Opéra, mais est différent sous IE : en effet, dans le premier cas, IE traite les retours à la ligne dans le code -qui n'en sont pas vraiment, puisque ce ne sont pas des <br />, je vous le rappelle-, et dans le second, j'obtiens le même effet que sur les autres navigateurs.

J'ai essayé en changeant la hauteur de la ligne avec la propriété line-height, mais cela ne fait que modifier la hauteur des balises li.

En bref



Evidemment, si je veux le même effet, je vais mettre les balises les une à la suite des autres, et par conséquent je n'aurai pas un code clair... A moins que vous ayez une solution pour ce problème.

Merci

Salut,

Tu as des propriétés spécifiques sur ces balises, car je vois pas de différences d'affichages par rapport aux autres navigateurs :/

J'ai sans doute pas compris le problème

J'ai pas vraiment pigé ton problème en voyant ta page, mais c'est vrai qu'il y a des différences entre IE et FF... C'est le grand malheur des CSS interprétées différement sur les deux navigateurs! Va surement falloir que tu joue sur les propriétées de la balise <li> ...

Citation : Lordzener

J'ai pas vraiment pigé ton problème en voyant ta page, mais c'est vrai qu'il y a des différences entre IE et FF... C'est le grand malheur des CSS interprétées différement sur les deux navigateurs! Va surement falloir que tu joue sur les propriétées de la balise <li> ...

C'est un peu du bricolage, mais j'ai réussi avec ceci :



Merci d'avoir été attentifs à mon problème

C'est un peu du bidouillage oui, il doit y avoir une autre méthode, que je ne connais pas, c'est le point négatif que je cède au css ... (de par mon ignorance...)

Finallement, je m'en fais pas trop, c'est autorisé :

W3C

Alors franchement, j'ai rien compris

J'ai eu beau chercher, je ne vois vraiment pas de différence ...

En fait je pense que c'est comme l'a dit Lordzener, chaque navigateur a ses propres valeurs par défauts pour certaines propriétés en CSS (notamment les marges).

Mais le vrai problème est que quand il n'y a pas de retours à la ligne après les balises </li>, ça s'affiche bien sous IE (comme avec les marges négatives).

Enfin bref, IE a un problème d'interprétation du code source en ce qui concerne les retours à la ligne entre des balises blocs.