Поиски ошибок

[seemax]

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

Осваиваю вёрстку и стили с углублением в DW.

Один из уроков от Adobe ещё раз, после изучения сайта ВМ конечно, ведет по применению стилей и кросс броузерным подводным камням.

Так вот, счастливый, дойдя до середины урока, не вижу никаких подвохов в визуальном отображении того, что наваял включаю «live view» и вижу отсутствие Хедера и Футера, налезание правой колонки на левую, которая благополучно перескочила среднюю.

Версии врет «live view» или «изначально кривой шаблон» не подтвердились. Надо сказать, что в уроке использовался шаблон DW «Три колонки фикс, хедер и футер».

В ходе урока http://www.adobe.com/devnet/dreamweaver/articles/css_simple_styling.html

не затрагивались св-ва влияющие на layout.

Версия моей ошибки в ходе изменения стилей шаблона очевидна, но я не могу её найти.

Что предпринято для поиска:

1) HTML док открывал в браузере со «Своими» стилями и «Преподавательскими», (далее СС и ПС) . ПС корректны СС не корректны, кривизну DW и ошибки в тегах исключаем.

2) Ищем ошибку в св-вах влияющих на позиционирование сравнивая самостоятельно, затем с помощью программки сравнения WinMerge. Разницы в свойствах отвечающих за позиционирование: float, width, position не найдено.

Похоже предстоит учиться, учиться, учиться…

Корректное отображение здесь http://jsfiddle.net/seemax/nSDTt/

Некорректное здесь http://jsfiddle.net/seemax/STRsn/

[sammasati]

Нужно убрать "position: fixed" у всех дивов. Нафига оно там?

[seemax]

И ооо, чудо свершилось!

Fixed убрал, layout выглядит так как задумано.

Спасибо за помощь.

Теперь надо посмотреть что же побудило меня прикрутить фикс, там где это противопоказано.

[seemax]

...Может пригодится кому то:

Вместо задать позицию background: no-repeat fixed top;

Я задал fixed ДИВу, что и было ошибкой.