Myuzik

Если 1в1 надо, то только с картинками.

Может специфика самого шрифта?

Плохо. Откройте свой сайт через IE 7-8 и Вы наверняка удивитесь... Дело в том, что использование HTML5 пока не стало стандартом, поэтому для такого типа работ его лучше не использовать. Из того, что первым кинулось в глаза: - Неуместное использование HTML5, но если всё же решились использовать - включайте голову, чтобы в коде не было вот этого <header class="header"></header>, масло масленое получается, тегу <header /> прекрасно можно присвоить стили и без классов. - Использование пробелов для позиционирования элементов, например для отступа первой пиктограммы в шапке сайта. - Бесцветное меню. Не интуитивно, на первый взгляд - это просто текст, и рука не тянется навести мышь на него. Хотя бы подчёркивание добавьте, иначе ни какой связи со ссылками нет. - После того как наводим мышь на основной пункт меню оно меняет цвет на оранжевый, но когда наводим мышь на подпункты - снова становится белым и мы получаем непонятно(пользователю) каким образом висящий в воздухе бледно-оранжевый блок со ссылками, к тому же сливающийся(при наведении) с оранжевым блоком в центре контента. - <header> лучше использовать один на всю страницу, а заглавия, которые вы тоже так обозначили нужно размечать как заглавия, т.е. тегами <h1....h6> К тому же заглавия выравнивать по правому краю - не правильно. - В левом блоке текст выравненный по ширине выглядит плохо и так же плохо читается. Делаем выравнивание по левому краю, либо курим улучшенное выравнивание текста с комментариями. - Ссылки "далее" оформляются тегами <a><a/> а не заголовками h5. - Смысловое назначение блока с буквой G ? - Картинки счётчиков оформляем списком. Ссылкам внутри display: block; - Для блочной вёрстки совсем не обязательно оборачивать все элементы в дивы. Вы этим только нагружаете код страницы, не принося ни какой пользы. - делая градиент - берётся картинка высотой в высоту градиента и шириной 1-2px и повторяется по горизонтали, тогда и резиновым сайт можно сделать и вес страницы в разы меньше. Это из того, что сразу кидается в глаза...

или флоат

откройте ваш пример фаербагом (например) и посмотрите. Свойство height:100% не активно. Возможно проблема в том, что в коде оно должно стоять после height: auto. Прислал бы скриншот, но пока с мобильной платформы сижу.

Dinow, в двух словах принцип работы расскажите пожалуйста. А то давно хочу начать внедрять HTML5 в свои работы...

У Вас сейчас в исходном коде записан стиль: div.main, div.content { height: auto !important; height: 100%; min-height: 100%; position: relative } Но в примере который вы выложили стиль такой: div.main, div.content { height: auto !important; min-height: 100%; position: relative } Найдите разницу и будет вам счастье! P.S. position: relative у Вас не закрыт...

Более конструктивно: Вам ещё очень многому следует обучиться. Хорошо, что вы не стесняетесь и выносите свои работы на суд знающих людей, НО вы должны выработать в себе чувство прекрасного. То чувство, которое будет вам подсказывать, хорошо у вас получается или нет. Zen Garden <-- эта страница поможет развить необходимые чувства Линчи Студии Лебедева <-- тоже Мои советы: Смотрите, смотрите и смотрите на чужие сайты, размышляйте над ними, думайте почему они выглядят именно так, почему каждый элемент находится именно на этом месте. Читайте, читайте и читайте о том как верстать! Обязательно прочитайте самоучители на основной странице этого сайта, посмотрите ещё 70 идей CSS, Блог гениального верстальщика, Семантика в вёрстке. Читайте, думайте, старайтесь и у вас всё обязательно получится!

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

Тогда вопросов больше не имею =)

http://www.imagepost.ru/?v=pclnyohicpqmyxllbptbeayzhgxpja.jpg так получается во всех виндозных браузерах.

FF 6.02, WIN 7

На мой взгляд дизайнерская задумка не удалась. А из юзабилити и адаптивности я бы предложил увеличить min-height для body или же прописать min-height для списка menu. Иначе при уменьшении размеров окна элементы начинают налазить друг на друга (спасибо абсолютному позиционированию), пункты "Мы" и "Друзья", а так же часть надписи "Искатели" уходят за верхнюю линию отображения браузера, блок "Новости" наползает на футер, а позже футер и совсем пропадает. При изменении ширины окна, пункт "Мы", на мой взгляд, прыгает слишком далеко от остальных и оказывается значительно выше логотипа и названия группы.

1. Много лишних элементов. Поймите, для вёрстки на дивах не обязательно каждый элемент оборачивать в див, а тем более блочные элементы. 2. Напрочь отсутствует семантика. Все параграфы оформлены дивом, а не конструкцией <p></p>. Имена классов подобраны жутко, сторонний разработчик поломает голову. 3. Ссылки оформлены не правильно. Все ссылки на странице должны быть оформлены в одном стиле, у вас же в контенте и в футере разные. Пунктиром подчёркиваются ссылки, которые подразумевают действие не приводящее к перезагрузке страницы. Курсор над некоторыми ссылками не принимает форму указателя. 4. Поле поиска сделано не правильно. Текст поиска идёт поверх иконки лупы, так быть не должно. Кнопка "найти" не превращает курсор в указатель. Хорошим тоном принято указывать исходный текст серого цвета в поле поиска и убирать его по фокусу. Ах да, пример должен быть оформлен ссылкой, раз он у вас пунктирный. Это из того, что сразу бросилось в глаза.