Yurem
Стартапер
- Регистрация
- 19.08.2007
- Сообщения
- 156
Доброго времени суток всем наверставшимся, недоверставшим, и навёрстывающим)!
После нескольких упорных попыток взорвать мозг об IE6 решил-таки излить душу.
Суть вопроса такова: есть форма поиска со всплывающим при клике блоком в виде <div></div>, внутри которого расположены ещё несколько div-блоков.
Конкретный пример и грабли здесь: http://www.arenda63.ru - на главной странице в форме поиска кликаем по ссылке "Выбрать районы" - вылетает div-блок, изначально указанный в коде как display:none. Внутри этого блока - несколько div-элементов в слоях (карта города с районами). При попытке показать этот блок с картой в адекватном не-IE6-браузере, всё отображается корректно (то есть div с картой вылетает поверх остальных, поскольку имеет наибольшее значение z-index).
Если же мы откроем эту страницу в IE6, и кликнем по выбору районов, то блок с картой отобразится "ниже" некоторых изображений на странице, котоырые идут без z-index (а именно под картинками и текстом нижнего блока спецпредложений), а также - что более критично - отобазится лишь правая половина карты! Над левой половиной блока как-будто наслоился ещё один div - хотя в других браузерах он не отображается.
В итоге, IEtester в итоге показал, что в IE6 существует 2 проблемы:
- половина карты
- наслаивание фотографий из другой части страницы поверх блока с большим z-index.
В IE7 карта показывается полностью, однако фотографии из нижнего блока всё же наслаиваются на неё.
Я уверен, что этот форум читает достаточно знатных в вёрстке людей, и надеюсь что они будут благосклонны к моим ночным душеизливаниям)) и помогут в решении возникших вопросов.
p.s.: на странице http://www.arenda63.ru стили прописал умышленно в коде через style="", чтобы не заставлять вас лазить в CSS)
После нескольких упорных попыток взорвать мозг об IE6 решил-таки излить душу.
Суть вопроса такова: есть форма поиска со всплывающим при клике блоком в виде <div></div>, внутри которого расположены ещё несколько div-блоков.
Конкретный пример и грабли здесь: http://www.arenda63.ru - на главной странице в форме поиска кликаем по ссылке "Выбрать районы" - вылетает div-блок, изначально указанный в коде как display:none. Внутри этого блока - несколько div-элементов в слоях (карта города с районами). При попытке показать этот блок с картой в адекватном не-IE6-браузере, всё отображается корректно (то есть div с картой вылетает поверх остальных, поскольку имеет наибольшее значение z-index).
Если же мы откроем эту страницу в IE6, и кликнем по выбору районов, то блок с картой отобразится "ниже" некоторых изображений на странице, котоырые идут без z-index (а именно под картинками и текстом нижнего блока спецпредложений), а также - что более критично - отобазится лишь правая половина карты! Над левой половиной блока как-будто наслоился ещё один div - хотя в других браузерах он не отображается.
В итоге, IEtester в итоге показал, что в IE6 существует 2 проблемы:
- половина карты
- наслаивание фотографий из другой части страницы поверх блока с большим z-index.
В IE7 карта показывается полностью, однако фотографии из нижнего блока всё же наслаиваются на неё.
Я уверен, что этот форум читает достаточно знатных в вёрстке людей, и надеюсь что они будут благосклонны к моим ночным душеизливаниям)) и помогут в решении возникших вопросов.
p.s.: на странице http://www.arenda63.ru стили прописал умышленно в коде через style="", чтобы не заставлять вас лазить в CSS)
