С чего начать изучение вёрстки?

www.w3schools.com/ — ужасный сайт, ничего полезного. не издевайтесь над человеком.

На этом сайте часто дается неверная информация. Например: htmlbook.ru/css/position

Наследуется: Да

на самом деле нет

Применяется: Ко всем элементам, за исключением генерируемых

на самом деле ко всем (даже к генерируемым)

absolute —… Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера…

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

Советую книги:

1. Молли Хольцшлаг. Языки HTML и CSS.
2. Эрик Мейер. CSS — каскадные таблицы стилей. Подробное руководство. 3-е издание.
3. Дэн Седерхольм. Пуленепробиваемый Web-дизайн.

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

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

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

чёрт!

<div class="hello header center" id="message">Hello, world!</div>

В остальном, нужно знать хаки и понимать какие типичны проблемы с IE: удвоение отступов, ограниченная поддержка CSS-свойств вроде inline.
Начинать вёрстку надо с табличной, потом разобраться с абсолютным позиционирование div'ов, а потом можно переходить к плавающим div'ам.
В первую очередь вооружится инструментами — IETester, Firebug for Firefox.