Problem pływaka IE7 po lewej i układania w stos

Question

Szybkie pytanie o pływające elementy pozostawione w IE7. Zasadniczo mam niektóre HTML w ten sposób

<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 

Elementy div muszą line up obok siebie w linii poziomej.

W tej chwili divy są unoszone w lewo, a znaczniki kotwicy w nich mają obrazy tła, szerokość, wysokość i wyświetlacz: blok.

Od tej pory działa we wszystkich przeglądarkach z wyjątkiem IE6 + 7. W tych dwóch przeglądarkach wszystko jest ułożone jedna na drugiej jak kupa w pionie. Czy istnieje szybka metoda naprawy IE? Mam tylko dostęp do pliku CSS. Nie mogę edytować kodu HTML.

Answer 1

Spróbuj użyć tego:

zoom: 1; // IE hack to trigger hasLayout 
*display: inline; // IE hack to achieve inline-block behavior 
*float: none; 

będzie odczytane tylko przez IE, to hack, ale ponieważ nie można uzyskać dostępu do html, może działać.

Answer 2

Upewnij się, że szerokość kontenera nadrzędnego owijasz divy, że pływasz w lewo. Ustaw także szerokość każdego elementu div, który pływa w lewo i powinien działać.

<div id='wrap-it'> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
</div> 
<style> 
    #wrap-it { width: 200px; } 
    #wrap-it div { float: left; width: 50px; } 
</style>