Jump to content

Search the Community

Showing results for tags 'ie6'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

Found 4 results

  1. Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером 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. Если потребуется ещё какая-то информация, типа кодов, всё любезно предоставлю, секретов у меня нет. Может узнаю заодно, где у меня какие огрехи. Хотя я там ещё не успел много наворотить, это фактически только первичная разметка.
  2. Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в 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
  3. Привет всем-всем! В общем цель, написать валидный, а так же кроссбраузерный сайт с 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 будет удобнее и быстрее во всех смыслах...
  4. Всем привет. Я начинающий верстальщик. Только учусь прошу сильно не судить. Из курса Евгения Попова я верстаю сайт по макету Смарт бизнес. Вот сыдка (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. уроки евгения попова делал наперед, это макет я сверстал без его помощи, правда щас стал просматривать как он его делал, но причину моей проблемы так и не нашел. Может вы увидети ?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy