pismenny

Да. Оказывается в заголовках даже при нулевом padding есть отступы.

Поэтому обратите внимание на CSS Reset. Я не рекомендую его в качестве серебряной пули, но, по крайней мере, вы можете увидеть, что он обнуляет и взять на заметку, чтобы уже иметь ввиду такие особенности.

Для body задал margin: 0 auto !important;

Если заменить .fancybox-overlay-fixed ничего не открывается.

А сайт уезжает в IE8 100%.

Я подозреваю, что фон можно положить в body и/или html, а не нарезать 10 полосок.

А вот вёрстка... это не вёрстка. Нельзя вот так "в тупую" вставлять картинку с телефоном, адресом псевдо-ссылкой на карту проезда. Также я подозреваю, что в банере при наведении на ссылки справа, должна меняться картинка слева. И при этом должна быть возможность редактирования текста на этой картинке (там где красный шрифт с белой обводкой). Надписи типа "Вы достойны лучшего" тоже вполне возможно сверстать текстом, а не просто лепить картинку. Это пластично для будущих изменений. Кнопки меню, видимо должны как-то себя вести при наведении. Ссылки желательно подчёркивать, чтобы было понятно что это ссылки. И вообще впечатление, что ваш подход - не знаю как сверстать, значит нужно просто вставить картинку. И таким образом сайт уже весит 1.2Мб.

Это не говоря об очевидных вещах, типа неправильного доктайпа, использования id, вместо class и т.д.

Я считаю вам нужно посмотреть для начала как верстаются подобные сайты, проще всего это сделать при помощи firebug. Потом походить-подумать как верстать свой. А потом, когда будете видеть общую картину, уже верстать.

А ещё сайт очень показательно выглядит при уменьшении зума.

<offtop>

А какой смысл реализовывать это на JS? Только ради эффекта "затухания" кнопок?

Я прост делал недавно на чистом css, мне лично результат понравился.

</offtop>

2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

Я это реализовал буквально сегодня ночью при помощи SlidesJS.

Нет времени формулировать мысли, поэтому первое что нашёл в гугле: проблема схлопывания при float: left.

И вот ещё: Fix Collapsing Elements With Floating Children

Насколько я могу предположить, нужно указать overflow: hidden для .content-main. Но это пальцем в небо, нужно видеть сайт, а качать лень.

Я немного не в тему, но какой смысл в очередном варезнике?

Я бы делал так.

<a href="#" class="rollover">
<img src="" alt="" width="" height="">  <!-- Фоновая картинка -->
</a>

a.rollover { 
	display: block; 
	width: ; /* ширина картинки */
	height: ; /* высота картинки */
	background: url() no-repeat; /* ссылка на основную картинку */
	overflow: hidden;
	} 

a.rollover img { 
	visibility: hidden; 
	} 

a.rollover:hover { 
	background: 0; 
	} 

a.rollover:hover img { 
	visibility: visible; 
	border: 0; 
	}

В данном случае - это fancybox, есть также всем известная lightbox.