Search the Community
Showing results for tags 'ie6'.
-
Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна синяя полоса размером 4 пикселя под header-ом и над div-ом с колонками. Почему она там появляется? Как от неё избавиться? Синий цвет находится в коде background-color у самого хедера, т.о. хедер почему-то вытянут по вертикали на 4 пикселя больше положенного. Хедер имеет заполняемый с repeat-x фон, у которого нижний пиксель красного цвета (хорошо видна красная полоска; сделал, чтобы видеть чётко нижнюю границу). Высота фона, картинки и самого хедера совпадают и имеют размер 61px Я поизвращался, двумя путями (по раздельности, не одновременно!) сделал так, чтобы в IE6 всё отображалось, как надо: 1) в стиле хедера прописал свойство margin-bottom: -4px; 2) в теге <img> там, где ставится картинка, принудительно поставил высоту не 61px, а 57px В этих случаях в IE6 всё становилось "ёлочкой", т.е. как надо. Но во всех остальных браузерах в первом случае хедер уменьшался на 4 пикселя, соответственно обрезались картинка и фон, а во втором при нормальном размере хедера картинка получалась сжата по вертикали и приподнята над нижним краем на 4 пикселя, что тоже есть не айс. Как обычно, хочется, чтобы везде по-максимуму работало, а на таких простыв, вроде, вещах уже косяки.. Если кто с таким сталкивался, пожалуйста, помогите. Работоспособность шаблона пока проверялась только на трёх браузерах: Chrome и Firefox последних версий, и базовый для WinXP - Internet Explorer 6 (CURSE MICROSOFT!!! ). Читал ещё вот такую статью: http://dimox.name/10-fixes-for-ie6/ Ничего не знаю про компетенцию автора, но попробовать стоило. Конкретно из того, что там написано, воспользовался тем, что приписал display: inline; во все блоки, в которых установлен параметр float. Так как нижеидущие столбцы у меня именно такие, я туда и нафигачил. Но ничего не заработало, а смысл самого этого кода (display: inline;) мне малопонятен.. P.S. Если потребуется ещё какая-то информация, типа кодов, всё любезно предоставлю, секретов у меня нет. Может узнаю заодно, где у меня какие огрехи. Хотя я там ещё не успел много наворотить, это фактически только первичная разметка.
- 6 replies
-
- ie6
- internet explorer
- (and 4 more)
-
Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.30.png https://www.dropbox.com/s/u4izw4wd7kdie65/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.37.png з.ы.: надеюсь администрация простит меня за прямые ссылки =P
-
Привет всем-всем! В общем цель, написать валидный, а так же кроссбраузерный сайт с IE6 включительно. IE6 эхом отдается в моей голове и я уже не первый день ругаюсь в поисках решения. У меня были проблемы с отображением блоков в IE6, но совершенно не хотелось верстать таблицами и прочими дьявольскими методами. Да-да, я решил написать JS, который должен найти dom-элемент по id (блок) и заменить его содержимое, содержимым из файла notify.html. Мое рассуждения свелись к XMLHttpRequest. Именно он играет важную роль в загрузке нашего html файла. function readFile(file,callback,cache) { var rawFile = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); rawFile.open('GET', file+(cache=(cache===true) ? '?r='+Math.random() : ''), true); rawFile.onreadystatechange = function() { if(rawFile.readyState===4) { if(rawFile.status===200||rawFile.status==0) { args={}; callback.call(rawFile.responseText, args); } } } rawFile.send(null);}Первый аргумент в функции это путь к нашему файлу, второй callback, третий убирает кеширование добавление ?r=рандомное число. Мы запускаем нашу callback функцию в контексте rawFile.responseText и на всякий добавляет args аргументы. Функция определения браузера <IE6. function findIE6() { if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ var ieversion=new Number(RegExp.$1); if (ieversion<=6) return true; }}Прелестно, теперь <IE6 в рукаве, идем дальше. Функция записи/замены контента в блок с ID. function setContent(id) { var obj = document.getElementById(id); obj.innerHTML=this;}obj.innerHTML=this рассмотрим дальше. Функция scriptLoader можно назвать init'ом на нашем сайте. Данная функция просто запускает другие. function scriptLoader() { if(findIE6()==true) { readFile('/ie6/notify.html', function() { setContent.call(this,'notify'); }, true); } } scriptLoader();Ну собственно если IE6 найден, выполняем нашу функцию readFile. Опять же, первый аргумент это путь к файлу, второй аргумент это callback функция, которая запускается в контексте rawFile.responseText (помните?), а функция внутри setContent, запускается в контексте нашей обертки. По сути я сам боюсь даже это объяснить, exp'ы не хватает, но суть в obj.innerHTML=this, где this и есть наш rawFile.responseText. __________________________________________________________________________________________________ Ладно-ладно, помудрили и хватит. Все действительно работает, загружается, вставляется, НО вставляется исключительно PLAIN TEXT. Т.е. на html элементы реакции нет. Для наглядности вышлю скриншот. https://www.dropbox.com/s/qkoo30i170j8h1e/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-18%2014.51.54.png p.s. Скорее всего проблема в том, что сама по себе data является текстовым узлом и никак не ассоциируется с dom элементами. Следовательно нужно написать html парсер. Что скажите господа и дамы, есть идеи? Заранее благодарю! Мне кажется или решение с php будет удобнее и быстрее во всех смыслах...
-
Всем привет. Я начинающий верстальщик. Только учусь прошу сильно не судить. Из курса Евгения Попова я верстаю сайт по макету Смарт бизнес. Вот сыдка (http://www.cms-php.ru/html-shablony/290-shablon-psd-smartbiz-dlya-biznes-kompanii.html) Проблема такая. Во всех браузерах смотрится отлично. Но в ie6 есть проблемы с фоном вот что именно не так: http://s001.radikal.ru/i196/1311/65/e6e894a39bad.jpg в остальных браузерах смотрится отлично: http://s004.radikal.ru/i208/1311/34/e09b7aa62f0c.jpg Сперва павда прозрачности не было, но я установил вот этот плагин http://jsfiddle.net/B9t64/1/ p.s. уроки евгения попова делал наперед, это макет я сверстал без его помощи, правда щас стал просматривать как он его делал, но причину моей проблемы так и не нашел. Может вы увидети ?
- 2 replies
-
- фон помогите
- сайт
-
(and 1 more)
Tagged with: