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

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

0 голосов
/ 03 июня 2010

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

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

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

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

Ответы [ 2 ]

1 голос
/ 04 июня 2010

Ваш код (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?

0 голосов
/ 04 июня 2010

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

...