Отображение сайта в разных браузерах

Question

[mkoreshkov]

Скажите, пожалуйста, из-за чего в принципе один и тот же сайт отображается по-разному в разных браузерах?
Они по-разному читают css или js?

Answer 1

[skvot]

Я люблю верстать пока не посмотрю на результат в IE. Порой бывает уместным часть стилей написать для IE отдельно, для этого можно воспользоваться конструкцией [if IE] Подробнее по ссылке www.alexilin.ru/ie-conditional-comments/.

Answer 2

[Lev Lybin]

Здесь вы должны найти ответ на свой вопрос:
webarticles.neomoon.ru/content/view/22/41/
и гугл в помощь!:)

Comments

[mkoreshkov]

спасибо

[Lev Lybin]

Всегда пожалуйста!

Answer 3

[Сергей]

Каждый по разному воспринимает css.
В каких-то браузерах по дефолту идут отступы, где-то больше, где-то меньше. Такая хрень может быть для заголовков, например.
Некоторые фишки браузер может не поддерживать, например ие6 не держит margin: auto для блоков, или прозрачность.
А некоторые браузеры (ие) не всегда наследуют значения родителя-элемента, и это все надо прописывать отдельно. Шаманить и применять css хаки, что бы именно в этом браузере сделать так, как нужно.

У меня проблема только с ие. Вечно везде все ок, в ие ползет.
Когда в ие все ок я удивляюсь.

js не причем

Comments

[mkoreshkov]

но вот проблема у меня сейчас не только в ИЕ. а в Опере и Мозиле, хотя в Хроме все нормально.

хаки, да, придется.
Спасибо огромное!!!

Answer 4

[Михаил Шевцов]

Они в разных объемах поддерживают эти технологии.
Вот здесь и здесь можете увидеть сравнения браузеров. Примерную картину поддержки определенных технологий различными браузерами Вы увидите.

Comments

[skvot]

Добавлю, что в этом замечательном справочнике расписана поддержка каждого селектора различными версиями браузеров.

Answer 5

[Sergey Lerg]

JS тоже может отрабатывать не так как в остальных. Во первых не все методы и свойства поддерживаются каждым браузером, во вторых в спорных моментах они ведут себя по разному. Например, горе верстальщик сделал div id=«the_form» и запихнул в него form id=«the_form». Так вот к форме можно обратится через $('form#the_form') в хроме, но не в IE.

Comments

[mkoreshkov]

id же свойство у каждого разное. а тут получается, что у разных элементов один id

[Sergey Lerg]

Я про это и говорю. id должен быть разным, но была допущена ошибка и в документе появился дубликат. Спорная ситуация, сайт с точки зрения стандартов не валиден, но браузерам постоянно приходится с таким работать, допускать поблажки. И вот хром допускает такое, говоря ладно, фиг с ним с дубликатом id, но вот среди форм у этого элемента точно уникальный id, его и выберем.

[mkoreshkov]

аа.
круто, чтрвзм.
спасибо большое, учтем-с.

Answer 6

[wanmen]

Когда обучался, хорошо ведет таблички с информацией о поддержки той или иной конструкции, сайт htmlbook.ru/css/display — на странице сразу пример.

Answer 7

[Андрей]

Еще очень полезны вот такие вещи — вставляете эти css-стили в самом начале — происходит «обнуление» всяких отступов и т.д. у большинства элементов.

Answer 8

[Wott]

1. самая распространенная проблема — плохой код.
нарушение стандартов, отсутствие необходимых параметров и прочие баги воспринимаются браузером нормально, но результат не всегда соответствует ожиданиям. И когда такой багнутый код доводят до нужного вида в одном браузере — в других конечно же все по-другому.

хороший код как правило одинаков или почти одинаков во всех брузерах.
IE хороший показатель — он практически ничего из ошибок не прощает и корежит кривую верстку.

2. мелкие несоответствия — отступы, иногда отсутствие или разное поведение для значений.

решается хорошим reset.css, но все равно доставляет в случае непростой верстки

3. тупо баги.
IE со своим margin, bold/background и ненаследованием размерностей тут лидирует, но и остальные доставляют постоянно.
решается хаками.