El problema de formato con IE6 funciona bien con IE 6+

Question

Tengo mi sitio funcionando perfectamente en IE 6+, pero se ve raro en IE 6 o IE 5.5, ya que no puedo ignorar a los usuarios con IE6 porque todavía se produce alrededor del 6% del tráfico de esta versión. Espero tener la alternativa.

Con mi investigación, sabía que al establecer la propiedad HaslayOut, puedo resolver el problema de formato, pero me considero extremadamente pobre en CSS y, por lo tanto, necesito una ayuda para rectificar este problema.

Puede encontrar la URL a continuación y puede ver su comportamiento en IE6, en caso de que si no puede probar, puede verificarla viendo la fuente, comparta sus sugerencias.

URL: http://anujtripathi.net/bloglisting.aspx?id=2

Answer 1

Su código (default.css):

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

Intente reducir el 95% para que me guste alrededor del 92%.

Puedes usar un hack de IE6 como así:

.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 */
}

Pero recomiendo aprender de la manera correcta y mirar el siguiente enlace para organizar CSS para la compatibilidad del navegador cruzado:¿Cuál es la mejor manera de lidiar con el problema de compatibilidad de IE?

Answer 2

Miraba sus anchos fronterizos, márgenes y modos. Parece que su contenido se está empujando hacia abajo porque no hay suficiente espacio horizontal. Para una verificación rápida, haga su contenedor principal un poco más tiempo y vea si el contenido cambia.