IE8 CSS Сложности

Question

Привет,

У меня есть php-сайт, который с начала года работал нормально. Затем вышел патч для IE8, который вызвал неисправность CSS.

Это известная проблема или отдельная проблема?

Моя основная проблема связана с попыткой заблокировать заголовок на месте, позволяя телу прокручиваться с помощью:

position: fixed;
overflow: scroll;
top: 135px;
left: 0px;

Один из моих коллег также столкнулся с той же проблемой, что и я.

Любая помощь будет принята с благодарностью.

Спасибо,

Джордан Трулен

.belt
{
    position:fixed;
    top: 0px;
    left:0px;
}
.header-table
{
    position:fixed;
    top:65px;
    width:100%;
}
.header
{
    position:fixed;
    height:40px;
    width:98%;
    top:95px;
}
.body
{
    position:fixed;
    overflow:scroll;
    height:74%;
    width:99%;
    top:135px;
}

Answer 1

Вы не даете нам ни HTML, ни ссылку, чтобы узнать, что случилось.

Но есть ключевое отличие в использовании position:fixed и position:absolute.

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

И вы используете overflow:scroll; в контейнере fixed, что имеет смысл только в крайне редких случаях. Я думаю, что ваша проблема в том, что overflow:scroll; находится на неправильном теге. Это связано только с тем, что содержимое этого тега ограничено шириной и высотой (которую вы даже не указали!) Контейнера. Если содержимое переполняет этой ширины и высоты, полосы прокрутки вставляются в контейнер.

Answer 2

Почему вы используете фиксированную позицию в области «содержимого» (я полагаю, что область «содержимого», поскольку прокрутка заголовка не имеет особого смысла)? Вместо этого примените position: fixed; к заголовку.