2009-06-03 13 views
0

Voici une capture d'écran de ce qu'il ressemble à IE6, fonctionne très bien dans tout le reste: http://i39.tinypic.com/2lcr4uw.pngdiv coupes de couleur de fond au large

Il est dans div class = « article bizarre », qui a overflow: auto; ensemble.

Ensuite, il a une liste ul (w/clear: both; set), flotter à gauche, w/la scission de li de 50%

Toutes les suggestions seraient appréciés.

+1

Meilleure suggestion: ne pas développer pour IE6, je connais plusieurs entreprises qui ont décidé de ne plus supporter IE6, et ça se passe bien . –

+0

Itay est tellement juste avec ceci: À mon avis IE6 ne mérite pas d'être soutenu. Vous pouvez développer un site Web complètement bien après les normes, en travaillant dans tous les navigateurs, mais pas dans ce morceau de logiciel merdique. –

+0

À moins que la prise en charge d'IE6 ne soit imposée par votre société (et que vous ne puissiez pas modifier ce mandat), il est préférable d'abandonner la prise en charge d'IE6 et d'encourager fortement vos utilisateurs à utiliser IE8 ou un autre navigateur. Le soutien continu de cet héritage et au-delà du navigateur buggy ne fera que perpétuer IE6 et la dévastation qu'il a provoquée sur le développement web progressif. MORT À IE6 !! – jrista

Répondre

2
 
<div class="article odd"> 
    <ul> 
    </ul> 
    <div class="clear"></div> 
</div> 

css 
--- 
.clear 
{ 
    clear: both; 
} 
4

Yup, c'est un bug avec l'utilisation de débordement: auto pour contenir des flottants. Si vous ajoutez une largeur/hauteur, vous le corrigerez. Par exemple, largeur: 100%.

Voici une excellente page pour plus d'informations à ce sujet. http://www.quirksmode.org/css/clearing.html

Définitivement, n'utilisez pas de "clearing div". Il ajoute un balisage indésirable et a également des bizarreries avec l'impression du navigateur. Editer: Si cela ne vous aide pas, je pense que vous aurez besoin de nous donner un exemple de code au lieu d'une image.

+0

StackOverflow, YouTube et de nombreux autres sites utilisent clear/div – David

+1

Oui, probablement parce qu'ils ne connaissent pas la façon actuelle de résoudre le problème. – scottheckel

3

Je suis d'accord avec Hexxagonal, n'insérez pas div diviseurs supplémentaires. Mieux vaut le fixer uniquement avec CSS.

Je préfère donner IE6 height: 1%; ou zoom: 1; qui déclenchera hasLayout d'IE. Cela fait la même chose pour les flottants dans IE comme overflow: hidden; ou overflow: auto; pour Firefox, Opera, Safari etc.

Questions connexes