Автор статьи Перков Андрей

Кроссбраузерная верстка одним файлом

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

Вот сверстаешь страницу и вроде бы всё хорошо: все отступы, шрифты, цвета, сайт полностью совпадают с шаблоном. Смотрим в одном браузере, втором, третьем... Всё съехало! То блок не там, где нужно, то расстояние между текстом. Заново перебираешь свой style.css, вроде всё правильно...

Где же ошибка?

Дело в том, что разные браузеры «по умолчанию» выставляют разное значение отступов, размеры шрифта и т. д. Поэтому и возникает проблема «неодинаковости» отображения страниц с одним и тем же кодом в разных браузерах. Решением этой проблемы является reset.css! Этот файл обнуляет значения, выставляемые браузерами. Это даёт большую вероятность того, что сайт с одной таблицей стилей, получится кроссбраузерным. То есть верстка сайта начинается с того, что страница уже отображается заведомо одинаково во всех обозревателях! Это экономит и время, и нервы.

Таблицу стилей reset.css можно сделать самому, которая будет улучшаться и обновляться с каждой новой сверстанной страницей. Созданный, исходя из собственного опыта, и заточенный под собственные нужды. А можно и скачать в Интернете уже проверенный временем вариант. Наверное самый популярный вариант файла reset.css можно скачать здесь:
http://meyerweb.com/eric/tools/css/reset/

Удачной вёрстки :-)

Имя

Перейти к списку статей