IE7 Scrollbar не работает

Question

Я исправляю ошибки в IE7, и это меня озадачило.Содержимое этой страницы больше, чем содержащее его div.IE7 правильно отображает вертикальную полосу прокрутки, но содержимое попадает поверх вертикальной полосы прокрутки, и когда пользователь нажимает кнопку прокрутки, содержимое не перемещается.Я не могу себе представить, что вызывает это.Любые идеи?

РЕДАКТИРОВАТЬ: Я приложил скриншот проблемы: альтернативный текст http://img31.imageshack.us/img31/605/picture5kw.png

Answer 1

Я думаю, это потому, что IE7 и IE6 неправильно интерпретируют ваши свойства overflow-x и overflow-y:

#content_box  {
float:left;
height:456px;
margin-left:20px;
overflow-x:hidden;
overflow-y:scroll;

это легко объяснить для IE6: он просто не знает этих атрибутов,Что касается того, почему это не работает в IE7, может быть, объяснение здесь здесь (это слишком сложно для меня понять, я еще не обедал).

Я думаю, что можетработа (после очень беглого изучения вашего кода, не судитесь со мной, если это не так) состоит в том, чтобы ввести дополнительный контейнер div без установленной ширины.Это автоматически настроит любые элементы width: 100% внутри него таким образом, чтобы предотвратить переполнение.(Я предполагаю, почему это проблема, во-первых, это проблемы блочной модели в сочетании с margin-left: 20px, верно?)

Answer 2

Проблема прокрутки IE7

Применить position: relative к контейнеру со свойством overflow-y: auto;

например,

#content_box{
    position: relative;
    overflow-y:auto;
}

вышеРешение работает для меня.

Answer 3

Можно ли установить ширину .grey_box в жестком коде 510px?Потому что похоже, что IE7 - единственный, кто получает это право, поскольку #content_box установлен на 530px с заполнением 10px, что сделает все поля внутри 520px шириной, и это где-то в полосе прокрутки.Пекка тоже может быть чем-то увлечен, поскольку IE7 и IE6 неправильно реализуют переполнения.