Оцените верстку

[troll]

Прошу оценить верстку. Исходный материал - этот макет. Интересует информация про любые ошибки, кроме проблем отображения в IE6 и на больших разрешениях. Особенно хотелось бы узнать, почему различается ширина слоя content-wrapper в Opera и всех остальных браузерах, и как это исправить.

[Akaciya]

Можно попридираться?

1. иконки отрезались в шапке. Лого принято делать ссылкой

2. ковычка не поставилась закрывающая у текстового блока справа. Видимо стиль не дописан для .nav .quote cite:after

3. ссылки при наведении не должны как-то меняться? в шапке например.

4. фоновые картинки принято вырезать шириной 1px, если он однородный, без узоров. В футере например у вас.

5. непонятны манипуляции с padding и margin - гиганские отступы. Вы хотели футер прижать к низу?

.main .content-wrapper {

background: url("images/contentbg.png") repeat-x scroll 0 0 transparent;

float: left;

margin: 0 -2px -10010px 0;

padding: 0 0 10000px;

width: 66.9%;

}

на большом разрешении 1920px выглядит нормально, в Опера только откусывается бэкграунд верхний у блока .content-wrapper.

Воот, В общем смотрится хорошо в разных браузерах, в ие6 не смотрела, дабы нет его в наличии.

[troll]

Akaciya, спасибо за критику, попридираться даже нужно)

1. иконки отрезались в шапке

Извините, я не понял, что это значит. Не могли бы вы пояснить подробнее?

3. ссылки при наведении не должны как-то меняться? в шапке например.

Вообще-то должны, конечно, но на макете их только 2 варианта, и я подумал, что будет не очень хорошо, если при наведении они будут становиться такими же, как активные.

4. фоновые картинки принято вырезать шириной 1px, если он однородный, без узоров. В футере например у вас.

Я где-то читал (вроде бы в книге Влада Мержевича), что экономия достигается небольшая (по сравнению с картинкой шириной 15px), зато при скролле могут проявляться подтормаживания. Хотя для растягиваемых по горизонтали фонов это не актуально, наверное.

5. непонятны манипуляции с padding и margin - гиганские отступы. Вы хотели футер прижать к низу?

Нет, хотел сделать колонки одинаковой высоты.

Edited August 15, 2011 by troll

[Softlink]

Зачем вообще использовать для однородного фона картинку?

[troll]

Он там не совсем однородный, при увеличении это видно более явно. Хотя может и в самом деле стоило без картинки сделать, если на глаз разницы нет?

[Softlink]

Да я не конкретно про вашу верстку говорил. Здесь зашел разговор об однородном фоне картинкой. Это бессмысленно.

[Akaciya]

>>1. иконки отрезались в шапке

приглядитесь, в шапке иконки у Home, Service немного откусились. Можно задать высоту или поставить отступ у <a>.

>>Зачем вообще использовать для однородного фона картинку?

имела ввиду однородный фон по ширине. Например, фон сверху светлый, снизу темнее, но по ширине сайта однороден.

[SelenIT]

экономия достигается небольшая (по сравнению с картинкой шириной 15px), зато при скролле могут проявляться подтормаживания

Меня тоже так учили (причем не только про скролл, но и про первичную отрисовку), с тех пор осталась привычка нарезать полоски пикселей по 20. Кроме того, в случае, например, градиента более широкая картинка позволяет применить dithering и сделать цветовой переход более плавным, без "рубленых полос"...

[rediskavet]

Если вы простохотите написать верстка говно, при этом не обьсняя что именно не так, то лучше не пишите.

Это как и что это дает. Не сможешь в двух словах объяснить?

[rediskavet]

ой. Я совсем не эту строку хотел в цитату вставить.

Кроме того, в случае, например, градиента более широкая картинка позволяет применить dithering и сделать цветовой переход более плавным, без "рубленых полос"...

Это как и что это дает. Не сможешь в двух словах объяснить?

[SelenIT]

В двух словах сложновато, но вот есть статья с примерами приблизительно по теме