Проблема форматирования с IE6 хорошо работает с IE 6+

Question

У меня есть мой сайт отлично работает в IE 6+, но он выглядит странно в IE 6 или IE 5.5, так как я не могу игнорировать пользователей с IE6, потому что из этой версии все еще около 6% трафика. Я с нетерпением жду возможности получить альтернативу.

С некоторыми исследованиями я узнал, что, установив свойство Haslayout, я могу решить проблему форматирования, но я считаю себя чрезвычайно бедным в CSS, и, следовательно, мне нужна ваша помощь, чтобы исправить эту проблему.

Вы можете найти URL ниже, и вы можете увидеть его поведение в IE6, на случай, если вы не можете проверить, вы можете проверить его, просмотрев источник, пожалуйста, поделитесь своими предложениями.

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

Answer 1

Ваш код (default.css):

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

Попробуйте сократить 95% до 92%.

Вы можете использовать взлом IE6 так:

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

Но я настоятельно рекомендую правильно изучить ссылку ниже для организации CSS для совместимости Cross Browser:Как лучше всего решить проблему совместимости IE?

Answer 2

Я бы посмотрел на вашу ширину границы, поля и наборы. Похоже, что ваш контент отталкивается вниз, потому что не хватает горизонтального пространства. Для быстрой проверки, сделайте свой основной контейнер немного дольше и посмотрите, смещается ли содержимое.