Juste un petit post rapide pour partager une bizarrerie que j'ai rencontré récemment
le code html
l'image est en float left...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div> <img src="xxx" /> <div> <ul> <li>un</li> <li>deux</li> <li>trois</li> <li>quatre</li> </ul> </div> </div>
On serait en droit de s'attendre donc à avoir de gauche à droite l'image, puis les puces, puis les textes des li ...
Hé bien sous IE non on a d'abord les puces, puis l'image et enfin le texte les li !!!
J'ai trouvé deux solutions pour remédier à cela:
- mettre un display table sur le ul
- mettre un list-style-position : inside sur les li
Si vous avez d'autres retours d'expérience sur ce bug ...
Partager