Как настроить HTML / CSS страницы для лучшего просмотра во всех веб-браузерах?

Question

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

Answer 1

Вы должны быть более конкретным, чем это.

• Какие браузеры отображают страницу «правильно», а какие нет? Некоторые старые браузеры имеют ... сомнительную поддержку CSS, а некоторые вещи, которые хорошо работают в IE8 / FF3.5, не работают в IE6 / FF1.
• Какие свойства CSS вы используете и у вас есть проблемы? Насколько я понимаю, вы говорите о позиции, плавающем или аналогичном типе, поскольку имеете в виду «нерегулярное расположение содержимого», но это не сильно сужает его.
• Некоторые браузеры отображают страницу так, как будто вообще не применяется CSS? Возможно, у вас немного неправильная ссылка на таблицу стилей, и некоторые браузеры «исправляют» ее для вас, а некоторые просто не загружают лист.

Answer 2

К сожалению, у вас может быть несколько проблем. Совместимость браузера не будет такой простой, как настройка. Вы должны сравнить некоторые из совместимых браузеров и изменить свой код, чтобы он выглядел идеально во всех браузерах (если действительно такая нирвана достижима для всех дизайнов страниц).

Одна вещь, которую вы можете попробовать - это сброс CSS, такой как MeyerWeb . Это удалит некоторые из настроек по умолчанию, которые не используются браузерами - поэтому потенциально вы получите похожий вид страниц, с которого вы можете настроить их так, как вам нужно.

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