Problème de positionnement IE6

Question

Cela fonctionne comme prévu dans Safari, Firefox, etc. Mais il ne lit pas le positionnement ou l'index z dans IE6. Comment puis-je faire la mise en page comme il se doit dans IE6?

Voici le CSS:

.AuthorName_Pic { 
    width: 186px; 
    position: absolute; 
    right: 0; 
    bottom: -120px; 
    padding: 20px 10px 20px 15px; 
    margin: 20px 0 0 0; 
    background: url(images/ThumbDark.jpg) no-repeat; 
    z-index:100; 
} 

Answer 1

Vous devez répondre à la box model bug. J'utiliserais Tantek's solution.

Answer 2

1. Assurez-vous que vous utilisez Standards Mode pas Quirks, sinon le sens de la « largeur » et « hauteur » est différent dans IE à d'autres navigateurs. Ceci est le bug du modèle de boîte comme mentionné par Josh, mais vous ne voulez pas utiliser un Box Model Hack de nos jours (surtout pas l'original-et-encore-le-pire de Tantek). Les BMH étaient nécessaires pour IE5 mais aujourd'hui ils sont morts et enterrés, car le mode Standards résout ce problème et beaucoup plus.

2. Vous dites que l'index z est erroné d'une certaine manière. Il n'y a pas assez d'informations à dire avec certitude puisque vous avez seulement posté une petite partie de votre code, mais une source commune de ce problème est que IE définit un contexte d'empilage 'z-index' par défaut sur tout élément que vous donnez 'position '(relatif/absolu) même si vous n'incluez pas l'attribut z-index. Assurez-vous que tous les éléments que vous avez positionnés sont également z-indexés pour assurer une mise en page cohérente.