Catherine

1, 2 - спасибо, не учла, что заголовок может быть на 2 строки По поводу заголовков. Спасибо за замечание, буду учиться использовать грамотно) Кстати, о каком анализаторе идет речь?

В данном случае у меня пока только один вариант, как реализовать подобное. Так как у каждого блока свой фон на всю ширину страницы, то задать максимальную ширину надо для содержимого каждого из блоков и отдельно их центрировать, создав дополнительную обертку для каждого блока: <div class="container"> <div class="header"><div class="wrap">...</div></div> <div class="menu"><div class="wrap">...</div></div> <div class="slogan"><div class="wrap">...</div></div> <div class="main gradient"><div class="wrap">...</div></div> <div class="footer"><div class="wrap">...</div></div> </div> .wrap {max-width: 1400px; margin: 0 auto;} Или, может, есть более лаконичные решения?

Спасибо всем за критику! Очень помогает разобраться с недостатками верстки. Даже в таком простом макете назревают вопросы)

Спасибо за критику! Учту Ваше замечание в отношении ширины контейнера. Считаю, что ошибки есть всегда и во всем, просто не всегда их видно. Макет, может, и простой, но для меня был важен именно сам подход к верстке, к тому же у меня пока мало опыта, и где-то его надо брать) Следующий макет возьму посложнее, чтобы было что обсуждать)

Здравствуйте. Прошу оценить качество верстки. Сделала задание №1 из http://divhack.com/node/60. Проверяла в IE7+, Safari, Chrome, FF, Opera последних версий. Правда, размеры шрифтов для Arial специально не подбирала, а оставила, какие были оригинале. Вот сама верстка макета Макет.jpg В первую очередь интересует семантика, грамотность выбора свойств, явные ошибки. Буду признательна за любую конструктивную критику! Спасибо!

Я так понимаю, что основной минус метода-то, что семантика(элементы списка) и оформление(разделители) не разделены логически. По структуре документа выходит, что <li>|</li> такой же полноценный элемент списка, как <li>Пункт1</li>, а это не семантично. О преимуществах семантической разметки говорить здесь не буду, но очевидно, если вдруг заказчик вместо "|" захочет видеть "какой-то там другой разделитель", то придется вносить изменения и html-страницу, и в файл стилей.

А если разделитель повесить бэграундом с левой стороны элемента, а первому элементу с помощью :first-child прописать background: none?

Задайте блокам фиксированную ширину, например http://jsfiddle.net/chwu8/2/

Например, сделайте свои ссылки блочными элементами .logoMenu .img { display: block; }

hedgehog верно написал. В конкретно Вашем случае position: absolute вложенного <div> напрямую зависит от положения родителя со значением relative, а не от текста. Прописываете в свойствах вложенного элемента: top: 0; left: 0; и он позиционируется в верхнем левом углу родителя. Подробности читайте тут: http://htmlbook.ru/css/position

Задача решена) Спасибо сссr85 и free-lance.ru))) Проблема заключалась в том, что в IE6-7 элементы, находящиеся в блоках с position: absolute/relative, не воспринимают z-index ссылка на решение: http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html

Доброго времени суток! Есть страничка http://cath.in.ua/portfolio/curebit/new.htm На данный момент не могу исправить баг в IE7. При наведении на инпуты формы ввода выводится всплывающая подсказка, но в ie7 подсказка прячется под инпут, а надо, чтобы отображалась поверх блока. В остальных браузерах и версиях IE выше 7 отображается как надо. Подскажите, как можно решить данную задачу?