Поиск ошибок, специальные инструменты

[CocoDen]

Доброго времени суток.

Я хочу устроиться на работу верстальщиком, фирма прислала тестовое задание, я его реализовал как мог (не судите строго, я не профи в этом деле, я только учусь ).

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

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

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

Задание, макет и верстка находятся в архиве (перезалил на Народ): Тест

Заранее благодарен!

Edited May 23, 2011 by CocoDen

[buddah]

Почитай это внимательно: http://habrahabr.ru/blogs/webdev/114256/

Главные инструменты - валидаторы html и css.

Edited May 23, 2011 by buddah

[CocoDen]

Почитай это внимательно: http://habrahabr.ru/blogs/webdev/114256/

Очень полезная статья, всё подробно описано.

Спасибо большое!

[CocoDen]

Всем спасибо, тему можно закрывать.

[buddah]

На работу то взяли?

[psywalker]

Ради интереса глянул. Без обид, но эта работа похожа на вёрстку пятилетнего ребёнка. Как будто человек, верставший этот макет только недавно познакомился с CSS

[Bonzash]

Считаю одним из главных помощников верстальщиков - Firebug

[Great Rash]

А я не считаю "Инструменты разработчика" в Хроме круче