Кросбраузерная вёрстка

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

Каждый браузер обладает своими багами-фичами и норовит отобразить элемент по своему. Бороться с этим не так трудно, если всё нужное было сделано на первоначальном этапе. Как заставить отображать одинково и не использовать видеье браузера? Нужно запретить отображать по своему и сказать как.

Итак запрещаем. ДЛя этого используем «ластик», который сбрасывает спорные моменты. В css прописываем:

* {magin: 0px; padding:0px; }

Так мы избавляемся от основной проблемы — разных отступов.

img {border: none; }

А так, фиксим отображение картинок.

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

Например, p {padding-left:10px;}, вроде удобно, но если затем придётся вставлять абзац без отступа, то сложно догадаться, а почему это отступ слева появился. Куда нагляднее p.paddingLeft10 {padding-left:10px;}

А ещё здорово помогают заготовки типо

pl10 {padding-left:10px;}
pr15{padding-right:15px;}
<p class="pl10 pr15">text</p>

Вот с таким минимумом куда приятнее иметь дело и скорость возрастает вразы.

Кросбраузерная вёрстка: 5 комментариев

    1. admin Автор записи

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

      1. vadim

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

        1. admin Автор записи

          ну, это как раз не проблема. при инициализации timymce передаём ему пользовательские css стили content_css : «/css/index.css» и всё будет как на сайте, проблема, только уговорить верстальщика разделить стили на два типа: для разметки и для оформления текстов, который и нужно сунуть в tinymce

  1. admin Автор записи

    нужно хачить wp, что-то он комменты совсем криво вставляет из админки, вложенные комментарии сырые

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *