Оцените пожалуйста верстку.

[tini.kRyptoNite]

я новичок в верстке. Хотел бы получить ваше мнению на верстке + узнать как решить проблему.

Вот сам шаблон хотел бы узнать как убрать лишнюю лишнее вертикальное место под шаблоном. Получилось он из за того что саму обвертку(класс wrapper) я поднял на 728px вверх относительным позиционированием, подскажите пожалуйста как избавится от этого лишнего пустого места.

[everytime]

Если особо не погружаться, то:

1. Зачем Вам два дива с бэкграундами, сделайте из headBg.jpg и unHeadBg.png один jpg с фоном body и поставьте его в бэкграунд body.

2. Удалите эти дивы и лишний код. Примерно так:

body{
	margin: 0;
	padding: 0;
	background: #A2745A url(../img/Bg.jpg) no-repeat;

}
.wrapper{
	margin: auto;
	width: 960px;
	font-size: 14px;
	position: relative;

}

[danco]

1. У меню, заголовков и т.д. не должно быть никаких иконок в img, делайте бэкграундом.

2. В шапке видимо кнопка, а у вас div со стилем кнопки и дочерний элемент ссылка. Делайте кнопку ссылкой и к ней прицепляйте все стили, а родительские элементы только для позиционирования. И старайтесь обходиться без лишних png изображений. Такую кнопку можно сделать с помощью css3.

3. Желтый, красный, зеленый блок следует занести в отдельный div и уже относительно его позиционировать их.

4. Кнопки социальных сетей, смотреть 1,2.

И множество мелких деталей которых нужно учитывать ...

По поводу того, что снизу дыра, это касается изначально не правильным началом верстки.

1. Это удаляем:

<div class="bg1"></div>	
<div class="bg2"></div>

2. У обертки

top: 0;

3. Соединяем в фотошопе 2 изображения бэкграунда в 1

4. К body прописываем стиль:

background: url(../img/headBg.jpg) repeat-x;

Как, то так В общем.

[cssview]

Используй логику, что относится к дизайну делаем через css, не нужно хардкодить. два блока bg1 и bg2 лишние(как сделать подсказали выше). С wrapper`а убрать position: relative; и все вытекающие, далее. Лого завернуть в h1 и сделать кликабельным, для телефона используй dl>dt>dd. Что за ОГРОМНЫЕ отступы в menu ( FAQ | Direction | Help). Форма поиска должна всегда оборачиваться в тег form. Неправильный отступ в форме (сабмит и т.д.). Лишний div.clear. Что за class="no" в навигации, где реакция на действие (хотя-бы подчеркивание)... Далее не хватило сил. Ну, а так, на 0.3 бала потянет. Учится и еще раз, учится.