Leaderboard

+ наследование высоты потомков помогает решить задачу высоты вложенных блоков.

http://jsfiddle.net/VD36p/6/ ну и чё, где проблема? Для ие вставляете фильтр на прозрачность и всё.

Да ё-моё, а поэкспериментировать никак? этого не было в условии. В таком случае только js помощник.

sed, awk, tr

Может вот так? Ежели нет, можно ещё подумать. http://jsfiddle.net/Gurylyov/vVMtC/5/

Почитайте вот это чтоль... У вас все, что можно было сделать неправильно, сделано неправильно.

Сразу скажу, я не минусовал, но Зачем вы предлагаете померяца кое-чем, например размерами проектов? Точно уверены, что тут люди не найдутся с подобным опытом?

Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как graceful degradation - это принцип верстки, при котором старые браузеры, не поддерживающие современные технологии, отображают корректно сайт, но без продвинутых эффектов. Т.е. мы во всю используем такие преимущества CSS3 как border-radius, box-shadow, text-shadow, gradient, rgba и некоторые другие свойства в тех браузерах, которые их поддерживают и которые, к слову, составляют большую часть из всех используемых. А для устаревших, но ныне доживающих еще живущих использовать альтернативы, в виде картинок там, где это возможно, и не использовать ничего там, где без замусоривания HTML кода или подключения увесистых скриптов ничего сделать невозможно. Обязательный момент - сайт должен оставаться доступным. Верстка ломаться не должна, и простой дизайн там также должен быть, но без излишеств тянущих за собой кучи ненужных behavior'ов, javascript'ов, VML'ей, которые ужасно тормозят рендеринг страниц в этих браузерах. К слову, недавно пришлось пол дня просидеть за весьма слабым компьютером (WinXP, 1.4ГГц процессор, 515мб оперативной памяти, плюс ко всему этому на нем было куча бухгалтерского и другого софта и все это работало без дефрагментации довольно продолжительное время) и предустановленным IE6, без возможности обновления. Так вот таких мучений при серфе паутины я не испытывал... никогда. Некоторые сайты, которыми я привык пользоваться, разумеется безбожно тормозили. А парочка и вовсе не смогла отрендерится, IE просто повис. А ведь если задуматься, то в докладе Юрий был прав, и именно на таких динозаврах и стоит этот самый, многим ненавистный, браузер IE6. Так стоит ли, ради современного дизайна, увеличивать время отклика и, тем самым, убивать доступность сайта? Graceful degradation - это, пожалуй, самое простое и, в то же время, гениальное решение. И касается это также и IE7. С IE8 немного проще, за счет поддержки псевдоэлементов :after и :before и нарезки некоторого количества картинок не так уж сложно добиться соответствия дизайна. Что можно делать? Можно менеджерам и фрилансерам подготовить простую пятиминутную презентацию о преимуществах такого подхода (более высокая доступность сайта под IE, меньшее время разработки, ниже стоимость, не в ущерб внешнему виду. он будет "симпотишным" но без излишеств) и если заказчики не против, демонстрировать ее каждый раз. Еще было бы не плохо, насобирать примеров, так сказать, показать товар лицом. зы: и еще какой-то блоггер, кто именно, увы не помню, ко всему этому, предлагал для IE6-IE7 делать небольшой баннер, что-то типо "Посмотрите как наш сайт выглядит в современных браузерах и по ссылке скриншот страницы и ссылки на скачивание. Тэзис: Сайты не должны во всех браузерах выглядеть одинаково!