Я исправляю ошибки для IE7, и этому озадачили меня. Содержание на этой странице больше, чем ее содержание отделения. IE7 правильно отображает вертикальную полосу прокрутки, но содержание справляется с вертикальной полосой прокрутки и когда пользователь нажимает кнопку прокрутки, содержание не перемещается. Я не могу вообразить то, что вызывает это. Какие-либо Идеи?
Править: Я присоединил снимок экрана проблемы: сопроводительный текст http://img31.imageshack.us/img31/605/picture5kw.png
Я думаю, это потому, что 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
, верно?)
Можно ли установить ширину .grey_box
на жестко заданную 510px
? Поскольку похоже, что IE7 - единственный, кто понимает это правильно, поскольку для #content_box
установлено значение 530px
с заполнением 10px
, что сделает все поля внутри 520 пикселей
в ширину, и это где-то в полосе прокрутки. Пекка тоже может быть во что-то, ведь IE7 и IE6 неправильно реализуют переполнение.