pismenny

http://forum.htmlbook.ru/index.php?showtopic=40898

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

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

Если заменить .fancybox-overlay-fixed ничего не открывается. А сайт уезжает в IE8 100%.

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

<offtop> А какой смысл реализовывать это на JS? Только ради эффекта "затухания" кнопок? Я прост делал недавно на чистом css, мне лично результат понравился. </offtop>

Я это реализовал буквально сегодня ночью при помощи 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.