Donc je suis en train de mettre en place un div. A l'intérieur de ce div externe, il y a 4 autres divs, comme ci-dessous.Une liste à l'intérieur d'un div flottant
-----------------------------------
. div 1 . .
................... div 2 .
. . .
. div 3 . .
. (ul list 1) . .
. . .
...................................
. .
. .
. div 4 .
. (ul list 2) .
. .
...................................
Le segment externe a un remplissage de 20px. Mon problème est que les puces des listes sont en retrait environ 20px dans IE6 et environ 10px dans IE7. C'est tellement bizarre et je n'arrive pas à comprendre ce qui se passe. Tout semble bien dans IE8 et FF2 +.
Est-ce que quelqu'un a une idée? Je sais que ma description pourrait manquer certains détails, alors s'il vous plaît demander et je vais essayer de clarifier. Bravo à l'avance.
Edit: Html exemple
<div style="padding: 20px;">
<div style="float: left;">
div 1
</div>
<div style="float: right;">
div 2
</div>
<div style="float: left;">
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div>
<div>
Je viens essayé d'ajouter display: inline au style de la ul, et les points de balle apparais dans IE6, mais la mise en forme est laide. Cela ressemble à ceci:
.Some text after the bullet point
is indented under unlike ff
Mais ça ressemble à ça dans FF.
. Some text after the bullet point
is indented under unlike ff
J'ai ajouté du nouveau contenu à la publication originale. Dites-moi si cela aide. –
Dans l'exemple que vous avez donné, je ne peux pas reproduire le bug que vous avez avec l'indetion du texte dans le LI, cela me suggère que vous pourriez avoir quelque chose d'autre qui les affecte. Essayer –