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.
If you liked this post
you can buy me a beer
i don’t understand a thing what are you saying there