Ошибка прокрутки Div в IE7
Недавно я столкнулся с ошибкой только в IE7, которой я решил поделиться, поэтому, когда я приду на этот сайт через 6 месяцев, чтобы выяснить то же самое, я буду иметь ее под рукой.
Я считаю, что самый простой способ воссоздать эту ошибку - это следующий html на странице с объявленным типом документа (он корректно работает в режиме quirks / no-doctype):
<div style = "overflow: auto; height: 150px;">
<div style = "position: relative;">[...]</div>
</div>
В IE7 внешний div имеет фиксированный размер, а внутренний div расположен относительно друг друга и содержит больше содержимого (при условии, что внутренний div вызывает переполнение). Во всех других браузерах это работает, как ожидалось.
Скриншот:
Ответы 1
Самым простым решением было бы добавить position: relative; во внешний div. Это заставит IE7 работать так, как задумано.
(См .: http://rowanw.com/bugs/overflow_relative.htm).
Обновлено:Кешировать версию битой ссылки на сайте waybackmachine.org
Вау .. большое спасибо за это! Вы спасли меня за 2 дня до развертывания в производственной среде!
если бы ты был конфетой, ты был бы спасателем
Я просто выдергивал волосы в поисках решения этой проблемы - спасибо!
есть ли шанс, что страница за этой ссылкой где-то сохранилась? он страдает от гниения ссылок.
Это исправление спасло мне день сегодня. Хотел бы я знать, почему это произошло вообще.
Это как раз то, что я искал. Огромное спасибо
Ссылка (См. :) не работает. Есть ли шанс на зеркало? Я хотел бы разобраться в баге из любопытства
Я посмотрел и нигде не могу найти зеркало по исходной ссылке. Я оставил неработающую ссылку на случай, если она вернется или автор ссылки это увидит. Если кто-то знает о хорошем ресурсе, на который можно сделать ссылку, отредактируйте его.
Большое спасибо за ответ; это не давало мне тратить драгоценное время, а время - деньги, поэтому вы просто дали мне деньги. Что касается неработающей ссылки, Waybackmachine сохранила ее для нас: web.archive.org/web/20110515020527/http://rowanw.com/bugs/…
@mattalxndr - Обновлено со скриншотом.