Почему правая часть позиционируется по-другому в IE6

Question

На этой странице:

http://phplist.xxmn.com/node/18

В IE7 и Firefox правая часть (класс css является contentidebar) отображается нормально, но в IE6 она отображается плохо. Отображается ненормально - расположение внизу справа.

Я знаю, что IE6 мертв, но в Китае многие люди все еще используют его.

Как я могу исправить CSS, чтобы страница адекватно отображалась в IE6? спасибо.

Answer 1

Похоже, проблема ширины для меня.IE6 считает, что правая боковая панель слишком широка, и поэтому он перемещает окно контента ниже предыдущего плавающего (то есть ниже основного контента).Ширина div class = "contentsidebar" равна 300. Попробуйте изменить его на 295px или 290px и посмотрите, решит ли это проблему.

Answer 2

Это безобразно, как грех, но оно исправляет вашу проблему с IE6:

<!--[if IE 6]>
<style>
#leftcontent {
    width: 660px
}

.bread_nav, #leftcontent .node, #leftcontent h1, #author_info {
    width: auto !important
}
</style>
<![endif]-->

(Вы можете поместить это в свою собственную таблицу стилей, если хотите. Убедитесь, что она последняя.)

Идея состоит в том, чтобы установить ширину #leftcontent немного меньше, чем она была, а затем переопределить все миллионы различных экземпляров width: 668px (эти посторонние ширины не нужны ни для одного браузерамежду прочим) на элементах шириной от #leftcontent до auto.

@ У Саммер была правильная идея об изменении ширины вокруг, она просто упускала детали.