Cu siguranta toti cei ce s-au apucat de CSS au dat peste problema asta.
Daca setezi din CSS o margine stanga sau dreapta a unui element HTML ce are setat si “float:”, aceasta se dubleaza in IE6.

Din fericire sunt mai multe rezolvari la aceasta problema dar cea mai usoara e sa adaugi “display:inline;” acolo unde specifici float si margin:

Rau:

1
2
3
4
5
.class {
   float:left;
   width: 100px;
   margin-left: 10px;
}

Astfel IE6 considera margin-left de 20px.

Bun:

1
2
3
4
5
6
.class {
   display:inline;
   float:left;
   width: 100px;
   margin-left: 10px;
}

Prin adaugarea liniei display:inline; acum si IE6 intelege ca marginea este de 10px.

Sper sa va fie de ajutor.

Popularity: 2% [?]