Каков наилучший способ создания веб-макета, совместимого с различными браузерами?

Question

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

Какой самый простой способ для этого?

Answer 1

Возможно, вы захотите прочитать о несоответствиях браузера, если у вас есть причина для беспокойства. Кроме этого, я бы не предположил, что у вас есть проблема, если вы не наблюдаете, что ваши страницы отображаются в браузерах по-разному. Вы должны следовать советам и дизайну ANeves в браузере, отличном от IE, а затем тестировать свои страницы по мере разработки.

Вы можете использовать инструменты, расположенные здесь в статье, озаглавленной "Кросс-браузерное тестирование: подробный обзор инструментов и услуг" , чтобы проверить, действительно ли ваши страницы работают правильно разные браузеры.

Answer 2

Не восстанавливайте колесо. Попробуйте найти пример веб-сайта, который работает во всех браузерах, и проверьте его код. Это может вам очень помочь. Например, если вы хотите разработать только макет (верхний колонтитул, нижний колонтитул, боковые панели, контент, контейнеры, меню и тому подобное) ... Я искренне советую вам попробовать различные варианты, доступные в Интернете.

Например:
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://layouts.ironmyers.com/

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

Answer 3

Я на самом деле думаю, что это не такая уж большая проблема.Очень хорошая отправная точка: Мастерство CSS

Answer 4

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

После его завершения я проверяю его в Safari и Chrome, и 99% времени это нормально.

Также старайтесь избегать таблиц, если можете, научитесь правильно использовать CSS, и это сэкономит вам много времени в будущем.