оцените вёрстку 3

[djan]

http://djan.bl.ee/ZOO/ZOO.htm

http://djan.bl.ee/ZOO/poop.htm

http://djan.bl.ee/ZOO/poop2.htm

http://djan.bl.ee/ZOO/poop3.htm

и макеты

http://djan.bl.ee/ZOO/1.png

http://djan.bl.ee/ZOO/2.png

http://djan.bl.ee/ZOO/3.png

http://djan.bl.ee/ZOO/4.png

Может показаться что классы кое-где слишком длинные.

Да они действительно длинные но в них есть своя логика - и главное мне так было удобнее.

[mrnobody]

Куда не посмотрю везде clearfix, да и странный он у вас

.clearfix {  display: inline-block;  float: left;}

Мне кажется вы не с той стороны подходите к верстке.

У вас вложен content-center-tovar в content-center-tovar.

Бекграунд для футера как-то странно сделали. Не проще футер обернуть в блок и этому блоку задать бекгранунд?

Edited December 9, 2013 by mrnobody

[Z1gnet]

display: inline-block; float: left;

бессмысленно задавать эти 2 свойства, либо одно, либо другое.

[Ludwig Voltman]

Классы, как мне кажется, совсем не длинные и логика есть, я примерно также именую.

Смотрел верстку по первой ссылке. Многих вещей не понял.

1) почему баннер сделан бэкграундом? Здесь, в отличие от предыдущего макета есть и логотип, и название компании. При печати, опять же, логотип должен присутствовать. Я бы сделал через img. Аналогичная штука и с изображением поводка. Акции кончаются, и когда человек захочет поменять картинку на изображение другого товара -- придется копаться в css.

2) почему каждому блоку присвоен класс clearfix? Чтобы задать float:left? Тогда зачем задавать его каждому блоку? Чтобы прописать clear:both? А зачем он нужен тем блокам, над которыми нет плавающих блоков (например тому же header)? Зачем делать блоки inline-block?

3) зачем в футере у некоторых блоков задано относительное позиционирование? Что оно здесь выполняет?

4) почему у wrapper задана height: 100%? Что это меняет?

5) почему в тэг <form> вложен простой див без стилей?

6) зачем оборачивать блоки текста в div, если есть более подходящий тэг p?

7) нашел ошибку, похожую на ту, что была в предыдущей верстке: сайт не располагается по середине экрана, опять справа есть небольшой отступ.

Edited December 10, 2013 by Ludwig Voltman

[djan]

Спасибо за критику. Поисправлял.

Мне кажется вы не с той стороны подходите к верстке

Может подскажете с какой подойти, а то путаюсь в позиционировании.