IE7 flottant à gauche et problème d'empilement

Question

Question rapide sur les éléments flottants laissés avec IE7. Fondamentalement, j'ai du code HTML comme ceci

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

Les divs doivent aligner à côté de l'autre ligne horizontale.

À l'heure actuelle, les divs sont flottants à gauche et les étiquettes d'ancrage à l'intérieur ont des images d'arrière-plan, la largeur, la hauteur et l'affichage: bloc.

A partir de maintenant, il fonctionne dans tous les navigateurs sauf IE6 + 7. Dans ces deux navigateurs, tout est empilé les uns sur les autres comme une pile verticalement. Y a-t-il un moyen rapide de réparer pour IE? J'ai seulement accès au fichier CSS. Je ne peux pas éditer le HTML.

Answer 1

essayer d'utiliser ceci:

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

il ne sera lu par IE, il est un hack, mais puisque vous ne pouvez pas accéder au html, pourrait fonctionner.

Answer 2

Assurez-vous que la largeur du conteneur parent enveloppe vos divs que vous êtes en train de flotter vers la gauche. Définissez également la largeur de chaque div flottant à gauche et cela devrait fonctionner.

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