IE7 поплавок влево и проблема укладки

Question

Быстрый вопрос о плавающих элементах, оставшихся с IE7. В основном у меня есть такой HTML-код

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

Разделы должны располагаться рядом друг с другом в горизонтальном положении.

В настоящее время divs размещены слева, а метки привязки внутри них имеют фоновые изображения, ширину, высоту и отображение: блок.

На данный момент он работает во всех браузерах, кроме IE6 + 7. В этих двух браузерах все укладывается друг на друга, как куча вертикально. Есть ли быстрый способ для IE? У меня есть только доступ к файлу CSS. Я не могу редактировать HTML.

Answer 1

попробовать использовать это:

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

будет прочитан только IE, это хак, но так как вы не можете получить доступ к HTML, может работать.

Answer 2

Убедитесь, что у вас есть ширина родительского контейнера, обертывающего ваши div, которые вы плаваете влево. Также установите ширину каждого div, который плавает влево, и он должен работать.

<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>