1

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 

Répondre

0

Lorsque les balles finissent est généralement définie par le rembourrage gauche de la ul. Ils sont placés à gauche de la boîte de l'élément de liste. Définir un remplissage cohérent-gauche et marge-gauche, et cela devrait fonctionner. Vous pourriez aussi avoir à vous soucier de la marge gauche et de la marge gauche des éléments li.

0

Cela pourrait être Double Floated Margin bug Mais vous auriez besoin de fournir un exemple html.

+0

J'ai ajouté du nouveau contenu à la publication originale. Dites-moi si cela aide. –

+0

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 –