Margine dublata in Internet Explorer 6

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: 1% [?]

One Comment on "Margine dublata in Internet Explorer 6"

  1. i don’t understand a thing what are you saying there

Got something to say? Go for it!