Автор: EnselerizeR
Здравствуйте!
Делаю страницу для использования в IE7 и столкнулся с проблемой.
В странице используется текстовый редактор с подсветкой кода CodeMirror.
В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается).
Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>.
При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7.
При этом, редактор начинате работать как полагается
В нормальных браузерах проблемы не возникает.
И CSS, и HTML проверял валидаторами, они ошибок не выявили.
Желаемое отображение можно посмотреть на jsfiddle, а вот так это выглядит в IE7.
Прошу помочь устранить проблему, или же посоветовать максимально простой редактор с подсветкой кода, работающий в IE7.
Заранее благодарю за помощь
Привет форумчанам! Вы, наверное, будете смеяться, но я с проблемой верстки под IE7 =) Да-да, вы не ошиблись, именно под тот самый седьмой эксплорер.
Верстаю одну маленькую незначительную страничку, но начальству очень критично, чтобы она работала в IE7. (Есть у них клиенты, небольшой процент, которые юзают этот браузер, блин).
Среди прочего на страничке, необходимо сверстать элементы навигации слайдера, а именно стрелки влево и вправо, которые генерируются скриптом как тег <a href>, т.е. это ссылки.
Проблема состоит в том, что по нажатию на картинку-ссылку (для ИЕ7-8 специально эти элементы делались картинками, а не css'ом) она зависает в состоянии active. Т.е. нажимаю на стрелку, она становится active (подставляю другую картинку с темным фоном) и после того как убираю курсор со стрелки, то она остается нажатой. Сломал весь мозг, как пофиксить. Пробовал смешивать :hover:active и :active:hover и :active:focus, но все тщетно.
Если не смогу силами css пофиксить, придется рыться в jQuery, чего не очень хотелось бы.
Заранее благодарен за дельные комментарии!
Поделиться сообщением
Ссылка на сообщение
Поделиться на других сайтах