Le formatage problème avec IE6 fonctionne bien avec IE 6+

Question

J'ai mon site fonctionne parfaitement dans IE 6+, mais il semble étrange dans IE 6 ou IE 5.5, comme je ne peux pas ignorer les utilisateurs avec IE6, car encore environ 6% du trafic se produit à partir de cette version. Je suis impatient d'avoir l'autre.

Avec ma quelques recherches, je suis venu pour savoir que, en définissant la propriété hasLayout, je peux résoudre le formatage problème, mais je me considère comme extrêmement pauvres en CSS et donc je besoin d'une aide de la vôtre pour corriger ce problème.

Vous pouvez trouver ci-dessous l'URL et vous pouvez voir son comportement dans IE6, juste au cas où si vous ne parvenez pas à tester, vous pouvez le vérifier en regardant la source, s'il vous plaît partager vos suggestions.

URL: http://anujtripathi.net/BlogListing.aspx?Id=2

Answer 1

Votre code (default.css):

.bg1 {
    padding: 0 7px 20px 0px;
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF url(images/img4.gif) repeat-x;
        width: 95%; 
}

Essayez rétrécir jusqu'à 95% à environ 92% comme.

Vous pouvez utiliser un hack IE6 comme ceci:

.bg1 {
  padding: 0 7px 20px 0px;
  border-top: 1px solid #FFFFFF;
  background: #FFFFFF url(images/img4.gif) repeat-x;
  width: 95%;
}

* html .bg1 {
  width: 92%; /* Star Html Hack IE6 only */
}

*+html .bg1 {
  width: 93%; /* Star Html Hack IE7 only */
}

Mais je recommande fortement l'apprentissage de la bonne façon et en regardant le lien ci-dessous pour l'organisation de CSS pour la compatibilité croisée du navigateur: Quelle est la meilleure façon de traiter la compatibilité IE question

Answer 2

Je regardais vos largeurs de bordure, les marges et les rembourrages. Il semble que votre contenu est poussé vers le bas parce qu'il n'y a pas assez d'espace horizontal. Pour une vérification rapide, faites votre conteneur principal un peu plus et voir si les changements de contenu vers le haut.