Кросбраузерная вёрстка
Я не верстальщик и никогда им не был, но периодически приходитсядобавлять разметку в существующую вёрстку. Есть катигория вёрсток, в которой добавления нового превращается в ад. А избежать этого в большинстве случаев очень легко.
Каждый браузер обладает своими багами-фичами и норовит отобразить элемент по своему. Бороться с этим не так трудно, если всё нужное было сделано на первоначальном этапе. Как заставить отображать одинково и не использовать видеье браузера? Нужно запретить отображать по своему и сказать как.
Итак запрещаем. ДЛя этого используем "ластик", который сбрасывает спорные моменты. В 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>
Вот с таким минимумом куда приятнее иметь дело и скорость возрастает вразы.