Descobri que o espaçamento do IE7 é maior que o do IE6/Firefox/Opera. Por exemplo, às vezes, ao compor, usarei espaços simples para separar.
| <div class="class1"> <a href="#">Texto 1</a> <a href="#">Texto 1</a> <a href="#">Texto 1</a> <a href="#"> Texto 1</a><a href="#">Texto 1</a> <a href="#">Texto 1</a><a href="#">Texto 1</a> <a href="#">Texto 1</a> </div> |
Ao usar espaços para separar, acho que eles são frequentemente esticados no IE7, porque parece que o espaçamento de espaço no IE7 é maior (o motivo específico é desconhecido).
Existem duas soluções:
1. Use li para composição tipográfica e remova espaços.
2. Remova diretamente os espaços e defina o estilo de a.
| <estilo> .class1 a{padding-right:5px;} </estilo> |
A segunda é uma boa solução, o código é mais conciso e eficaz.