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

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

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

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

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

Источник

2 ответа

Решение

Ваш код (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 для кросс-браузерной совместимости: Каков наилучший способ решения проблемы совместимости с IE?

Источник

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

Источник
Другие вопросы по тегам