Проблема горизонтальной полосы прокрутки в IE7 + IE8 - PullRequest
Новая
       46

Проблема горизонтальной полосы прокрутки в IE7 + IE8

0 голосов
/ 15 июля 2011

В IE7 + IE8 существует проблема с фоном, когда браузер установлен на небольшой размер (например, 1024 x 768).Фон распространяется очень далеко вправо, вызывая горизонтальную полосу прокрутки.

Вот скриншот ошибки.

enter image description here

При просмотре сайта с разрешением 1024x768 макет должен быть центрирован в области содержимого без горизонтальной прокрутки.

Справка!

1 Ответ

1 голос
/ 15 июля 2011

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

Если вы замените три правила, которые я дал вам ниже, это должно решить вашу проблему. 

.rightmenu .leftCol {
    margin-top: -61px;
    float: left;
    width: 100%;
}
.rightmenu .col1wrap {
    float: left;
    padding-bottom: 1em;
    width: 50%;
}
.rightmenu .col2 {
    border-left: 1px solid #C1C1C1;
    min-height: 1000px;
    padding-left: 7px;
    width: 212px;
    float: right;
}

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

...