Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Оптимизация дизайна под разные браузеры |
Оптимизация дизайна под разные браузеры |
Зачем нужен "правильный" HTML-код?
HTML - это специальный язык разметки для веб-страниц. Этот язык стандартизован. Значения каждого тега строго определены. Каждый тег имеет определенные атрибуты. HTML-код страницы интерпретируется браузерами и переводится в изображение веб-страницы, которое видит пользователь. Теперь представьте, что HTML код страницы содержит ошибки (не соответствует стандарту). Что в этом случае делать браузеру? Самый простой вариант - это вывести на экран сообщение об ошибке и все. Однако пользователь вряд ли будет рад увидеть вместо страницы, на которой пропущен закрывающийся тег, сообщение об ошибке. Поэтому создатели браузеров пошли другим путем. Браузеры пытаются (в меру своей интеллектуальности) "исправить" некорректный HTML-код. Вот тут и кроется проблема. Каждый браузер имеет свои правила, по которым он будет исправлять HTML ошибки на веб-страницах. Поэтому, если на странице есть ошибки, то существует большая вероятность, что данная страница в разных браузерах будет выглядеть по-разному. Более того, если даже он сейчас выглядит одинаково во всех браузерах, это не значит, что так будет всегда. С выходом новой версии какого-либо браузера коррекция HTML ошибок может быть изменена. А вот следование стандартам изменено вряд ли будет. Если вы хотите, чтобы ваш сайт выглядел одинаково в самых популярных браузерах, постарайтесь избежать ошибок в HTML коде. В общем, бывает когда есть сайт, есть дизайн, но вот проблема - неизвестно, как он выглядит на других браузерах. Те, кто попроще, просто отписываются, что проверил на таком-то браузере, на других - не знаю.
Эта тема для того, чтобы обнаруживать косяки в разных браузерах. Также и проблема оптимизации и предложения по устранении ошибок (только советы, не просите других делать за вас работу) Проблема с отображением тега HR
Советую вместо Code <hr> который красиво может выглядить только в ИЕ использовать цветную однопиксельную картинку: Code <img src="путь до картинки/hr.gif" class="hr"> и прописать ее в стилях: Code .hr {height: 1px; width: 100%; margin-top: 5px; margin-bottom: 5px;} © Andre Разное понимание CSS браузреами типа IE и Opera (там же Mozilla и прочие)
Проблема в следующем: ИЕ и Опера по разному принимают стили и пересчитывают ее на свой лад. Так расстояние между тегами H1 и P разное и поэтому текст по разному смотрится. Для решения этой проблемы надо использовать дополнительную таблицу стилей под IE, поставить там в ручную padding и margin, или другие атрибуты (в зависиости от ситуации) и прописать ссылку в html, заключив ее в специальные теги.
Code <html> <head> <title>Максим Пелевин - Главная страница</title> <link href="http://maxpelevin.3dn.ru/_st/my.css" rel="StyleSheet" type="text/css"> <!--[if IE]><link rel="stylesheet" type="text/css" href="/img/ie7.css" /><![endif]--> <script type="text/javascript" src="/img/global.js"></script> </head> Надеюсь понятно объяснил. © Русак
Решаем проблему с прозрачностью картинок PNG в ИЕ: http://www.tigir.com/alpha_png.htm |
Quote (Deagleby) ну из всех версий, у меня самая популярная 6 (на порядок больше посетителей нежели в седьмой или восьмой) Глупо. Для 9 еще можно. Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
Quote (fflesh) Попробуйте вот так: да, лучше стало, пасиб а вот с отступом между строками, если не сложно конечно, могли бы помочь и вам цены не будет) Добавлено (09-Апр-2012, 03:30:05) --------------------------------------------- Quote (mob_dp2) Глупо. Для 9 еще можно. ну, все-же стоит бороться за каждого пользователя ну и вам конечно спасибо за отзывчивость и за помощь! Прикрепления:
7162204.png
(2.1 Kb)
Сообщение отредактировал Deagleby - Понедельник, 09 Апр 2012, 03:31:15
|
Quote (Deagleby) все-же стоит бороться за каждого пользователя что там бороться? если на 6 подавляющее большинство пользователей IE то нужно в первую очередь для них делать он лучше с голоду умрет ,но черный хлеб жрать не будет поэтому и викинги дошедшие до исландии там вымерли потому что гибко не могли адаптироваться к ситуации было холодно но тупо в европейской одежде ходили Добавлено (09-Апр-2012, 03:37:31) --------------------------------------------- забыл добавить,Флеш-музыка,,,есть вкус Сообщение отредактировал true3071 - Понедельник, 09 Апр 2012, 03:37:53
|
mob_dp2, нас как-то зафлудили в нашем диалоге по этому поводу ... но я тоже считаю что если есть народ не важно на каком браузере ... то надо стремится под него тоже делать ... если конечно тебе не наплевать на свой сайт и посетителей ... доверия и лояльности больше, может кто посоветует кому или мало ли какая "цыганская" почта приведет посетителей ... а читсто для 6 я в первую очередь поддерживаю тех в своих стремлениях, кто ведёт магаз ... это самый весомый аргумент ... больше ничего говорить и продолжать не буду ... просто имхо
PS: Ну не смог удержаться Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Понедельник, 09 Апр 2012, 03:45:22
|
А может кто знает, как исправить данную ситуацию?
Верхнее меню лежит под левым всплывающим использовал в css значение content :before и after, а так-же z-index 1,2,3,4 и.т.п не помогло. Добавлено (09-Апр-2012, 05:49:22) Прикрепления:
0966046.png
(45.7 Kb)
|
Quote (Deagleby) ну, все-же стоит бороться за каждого пользователя ну и вам конечно спасибо за отзывчивость и за помощь! Давайте я с калькулятора зайду на сайт и боритесь за меня. Что за бред. Quote (Deagleby) использовал в css значение content :before и after, а так-же z-index 1,2,3,4 и.т.п не помогло. а причем тут псевдоклассы :after / :before? Там только z-index рулит если позиции абсолютные Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
Quote (mob_dp2) Что за бред. да не бред это кто как делает кто через условия часть инфы урезает заменив на другую кто альтернативные страницы под браузеры делают но никто пользователей не "кидает" куча сайтов появились - заходишь,а верстка "никак" и надпись "все под мазилу" это не принцип-это признание,что не может |
Deagleby,
Quote (Deagleby) А может кто знает, как исправить данную ситуацию? Code #hoi div.submenu{z-index:999;} ... true3071, Quote (true3071) распиши на страницах методу скачивания---------искать лень .. Там поштучно, стрелочка вниз в самом плеере. ... Прикрепления:
1366967.png
(6.4 Kb)
·
0082795.png
(18.4 Kb)
Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 Сообщение отредактировал fflesh - Среда, 11 Апр 2012, 14:01:12
|
http://likbezz.ru/dir....1-0-115
распиши на страницах методу скачивания---------искать лень |
А у меня форум (шрифт разделов) уменьшился на браузере мозила. На остальных все нормально. Как исправить? Мой сайт: http://wowfp.info/
|
| |||