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

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

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

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

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

js не причем

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

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

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

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

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

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

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

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

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