LonerD

Спасибо всем за внимание и советы. Решение с лишними пикселями bordera оказалось простым, но неочевидным "для начинающих". Не нужно было указывать width: 100%;

Родилось такое решение - разделить весь блок на три: HTML <div class="navbottom"></div> <div class="nav"> навигация </div> <div class="navbottom"></div> CSS .navbottom {width: 100%; height: 1px; background-color: #d3d3d3; border-right: 1px solid #e3e2e3; border-left: 1px solid #dadada; font-size: 0;} .nav {width: 100%; height: 41px; background-color: #b6b6b6; border-right: 1px solid #cfcfcf; border-left: 1px solid #c2c2c2;} .navbottom {width: 100%; height: 1px; background-color: #e2e2e2; border-right: 1px solid #ececec; border-left: 1px solid #e7e7e7; font-size: 0;} Возможно, есть более элегантное решение? PS. Упс. Из-за бордера справа появляются два лишних пикселя. Как от них избавиться?

Вопрос возник при прохождении самого первого уровня на сайте http://divhack.com Приведённое на сайте решение не даёт ответа на вопрос, оно не соответствует предложенному для вёрстки psd-макету. Верстаю меню (или же подвал) в резину. В макете вокруг блока навигации имеется довольно интересная однопиксельная рамка. Верхняя, правая, нижняя, левая границы - разных цветов. В каждом уголке рамки - однопиксельные клеточки, тоже разных цветов. Блок я сверстал, бордеры указал: .nav {width: 100%; height: 43px; background-color: #b6b6b6; border-top: 1px solid #d3d3d3; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #c2c2c2;} Но как сделать однопиксельные уголки на css без картинок?

Спасибо, значит надо внимательно следить за наследованием свойств

Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свойство работало так, как задумано (если line-height прописать до font, то интерльяж сбросится фонтом). Какие ещё свойства могут конфликтовать или несрабатывать, если их записать в неправильном порядке? Где можно посмотреть официальный правильный порядок записи свойств? Нашёл только csscomb, но каким образом там упорядочивались свойства - непонятно.