psywalker

Можно ещё так, кстати.

Понял. Код от psywalker подходит только для белого фона. Да это понятно, я просто показал один из вариантов.

Изменял, и не раз. А апать это как?(если вы о том что не поднимать ее в топ по темам по средством сообщения с точкой..но как же тогда получить ответ, если напр. те кто мог ответить, оффлайн были и не увидели?) Спасибо за пример!. Но все таки в чем же проблема с Opera, почему она так реагирует? А зачем пишите margin: 121px 0 158px; ? Уберите это из кода и получите ответ на свой вопрос.

Так что ли?

Зачем вам IF. Просто одни стили для печати, а другие для экранов и всё.

У вас всё работает. Просто фон ячеек перекрывает фон строк)

А ещё так можно)

Так не пойдёт?

Евгений_SB,И разберитесь в вашем коде. У вас там много лишнего. Например, зачем в нижеприведённом коде нужны объявление float: none;, если это значение и так используется по умолчанию. Так же непонятно, зачем писать width: 100%;, если у вас элемент блочный, который и так по умолчанию растягивается на 100% по ширине. header {display: block;position: relative;float: none; width: 100%;height: 70px;background:#4d76a3;}Так же здесь, зачем писать display: block; при float: left;? aside {display: block;position: relative;float: left; min-height: 900px;max-height: 100%;width: 200px;overflow: hidden;background: #375e88;}И т.д. В общем, поработайте над лишним кодом.

Вот эти вроде ничего говорят.

Имхо, ничего страшного, если немножко будет отличаться от стартового рисунка. Вот, кстати, неплохой генератор.

Вопрос не корректный. Всё время не нужно прижимать, всё зависит от заказчика, как выше сказали.

А если сделать микс из картинки-градиента и, допустим, http://css3pie.com/, ? Или типа того)

Шустро лепил, и само собой где-то пропустил моменты. http://jsbin.com/xanikeja/4 А вообще судя по описанию каша понятна. Дизайнера ты небось потом еще долго вспоминал. ) В IE8 не хватает фонов. На счёт внешних теней выше написал. Нет, дизайнер был заказчиком, он меня щедро вознаградил, так что разошлись с миром

Ааа, я понял, в чём дело. Во-первых, я выложил промежуточный вариант, в конечной вёрстке такого нет и все косяки исправлены. Во-вторых, так как ты хитро сделал одной картинкой внешние тени - не пойдёт, потому что, на разных страницах эти блоки разной ширины и высоты. А потом должно быть, чтобы верхние тени оставались наверху, а нижние всегда внизу, а у тебя эта картинка-тень будет всегда вниз за блоком опускаться. А потом у тебя ссылки не кликабельные, т.к. их блок с фоном перекрывает.

Нет, не прокатит. На других страницах дизайна блок по высоте должен быть больше. Добавил текста. И результат. FF.

воу, воу, воу. Мне кажется или это конкретный перебор? Сайт фикс, если нет строгого ТЗ, то это лепится bg картинкой и все (ок, двумя). Взамен имеем 7 слоев. Те же тени можно было в 1 картинку влепить, или вообще через CSS, раз уж на то пошло. ИЕ8+ - это понятно, но это ведь по-разному можно понимать. Для одного заказчика ИЕ8 значит - "сделайте чтобы в осле просто можно было прочитать, что написано", для другого - "сделайте везде чтобы было один в один насколько возможно с применением любых трюков, от ИЕ8 и выше". Нет, не перебор. Там блок должен ещё тянуться вниз и т.д. Ты просто видимо не понял, сколько там всего на фон нужно. Там, например, внешних теней только 4 штуки и для них нужен отдельный блок, для каждой. Заказчику надо было, чтобы в IE8 тоже смотрелось как и везде. Слава Богу, что ещё на IE7 отговарил)

Да, пустые элементы - это плохо. Но, у меня лично бывали случаи, когда мне приходилось использовать пустые элементы. Дизайнер нарисовал такой макет, что там без доп. разметки вообще не обойтись. Вот этот сайт. Обрати внимание на код серого блока в середине страницы (Онлайн каталог, Новости, О компании и т.д). Вот какая там разметочка используется только для фона: <div class="bg"> <i class="bg__top"></i> <i class="bg__bottom"></i> <i class="bg__color"></i> <i class="shadow__big"></i> <i class="shadow__rech"></i> <i class="shadow-left"></i> <i class="shadow-right"></i> </div>И у меня не было другого выбора, ибо для фона там нужно было: тень, сетка, закруглённые углы, переливание бордера градиентом, блик и т.д. И нужно было IE8+. Поэтому пришлось пойти на такую крайность

Можно фон продлить от ссылки до низа самого меню выпадающего. Т.е. в самой ссылке сделать фон-шапку, а у выпадающего меню продолжить её.

Нет, я не буду этого делать, даже под дулом пистолета, т.к. считаю этот пункт полезным и нужным, как и статья в целом.

Возможно эта статья поможет

А ссылочку не дадите на рабочий пример?

Там размеры (ширину, высоту) нужно подобрать к выпадающему меню.

Кстати, да, согласен. Не подумал об этом.