SelenIT

Пример с фикс-фоном вообще-то был авторства великого Мейера, а я только разместил объяву

Имхо, hCard сюда просится. А на каких элементах — дело в общем-то тришестнадцатое. Полгода назад я бы тоже однозначно выбрал dl/dt/dd, но сейчас, пожалуй, остановлюсь на банальных абзацах со спанами...

Сорри, я поторопился. Простое оборачивание картинки в <div style="width:100px;max-height:100px;"> не спасает от расширения ячейки. Железобетонный вариант - обернуть в <div style="position:relative;width:100px;height:100px;">, а картинку сделать position:absolute. Только вот диву оба размера указывать придется... Для чистоты исходника можно это всё делать динамически, перед началом увеличения.

Пишется "HTML4" — читается "HTML 4.01 и XHTML 1.0". Содержательно это одно и то же, разница только в базовом синтаксисе. А XHTML 1.1 = XHTML 1.0 Strict + (пара спецтегов для японск. яз.) - (name для форм и якорей), т.е. на 99.5% — тот же добрый старый HTML 4.01 Strict. А вот как раз это для HTML4/XHTML1 . В HTML5/ЖHTML <b>, <i>, <small> и подобные — не визуальное выделение, а скорее стилистическое. А про градиенты есть неплохая (имхо) статья на Хабре...

Зачем картинку делать фиксированную если мне нужно ее увеличивать? Незачем. Поэтому я и не предлагал фиксировать картинку

Насколько я понимаю, вытягиваются не они благодаря этому элементу, а вся строка благодаря инлайн-блокам, которые растягивают ее высоту по самому высокому из них (точно так же в чистом HTML ведут себя по умолчанию img-шки). А инлайновые спаны лишь попарно группируют их для удобства дальнейшего смещения куда заблагорассудится.

При открытии файла локально (не по HTTP) его расширение играет роль HTTP-заголовка Content-type (по крайней мере, для FF и, если не путаю, Оперы): для .xml и .xhtml включается XML-парсер, с "драконовским" контролем ошибок (как для application/xhtml+xml), для .htm(l) — обычный "либеральный" для text/html (в FF, начиная с 4-го, по умолчанию это HTML5-парсер, независимо от доктайпа страницы). И это единственное место, где расширение файла в вебе что-либо значит. Сильно жалеть о драконовском парсинге не стоит, т.к., во-первых, он совсем не работает в IE ниже 9-го, во-вторых, некоторые хостинги отдают .xhtml как text/html (что грозит путаницей), в-третьих, он всё равно проверят не те ошибки, которые следовало бы (логичность разметки, не говоря уже о ее осмысленности).

Обернуть картинку дивом с фиксированными размерами (тем более, раз всё генерится через PHP, то и померить картинку на сервере элементарно)?

Вот вроде нечто подобное: http://chikuyonok.ru/2011/04/inline-vertical-align/ Но для раздачи фонов "колонкам", имхо, всё-таки понадобятся два-три класса (либо :nth-child и изящная деградация в старых IE)...

Сходу на ум приходит только "двухслойный" вариант... Хотя можно и в один слой, судя по всему

Плохо понимаю задачу по этому описанию. Весь макет фиксированный, но панель с галереей оказывается резиновой с шириной "50% окна плюс опред. константа" — так?

Про layout, наверное, нет ничего лучше этого фундаментального исследования (сохранился перевод одной из предыдущих версий). Вообще по противным багам IE есть много известных подборок по разным местам (одна из первых подборок, тут тоже неплохая (в подрубрике "Лекарства для..."), тут очень много полезного по теме, и т.д.). Кстати, на последнем сайте есть еще хорошая подборка ссылок, где можно многому научиться по сабжу

Сделал демку на базе классического подхода Эрика. Если поведение фона при скроллинге не будет шокировать, то, имхо, это единственный вариант в рамках актуального CSS...

Может, background-attachment:fixed на что-нибудь сгодится, как у классика?

Так?

Неплохо бы а) привести ссылку на проблему или хотя бы код проблемных участков со скриншотами, б) указать версию IE (подозреваю, что 7, но хотелось бы точнее) и (на всякий случай) доктайп... По второй проблеме попробую подключить телепательную машинку — используется inline-block и нечаянно забыт zoom (или подобное лекарство для hasLayout-а)?

Это было верно лет 7-8 назад. Сейчас у стилей возможностей гораздо больше, а таблицы очень плохо работают в IE7 с правильным доктайпом (без которого не работает масса других необходимых в наши дни вещей). Так что сейчас от каркасных таблиц проку мало.

Скорее, не "нормально", а "ожидаемо для здравого смысла". В спеке CSS масса неочевидных моментов (поведение margin-ов у границ предка — из их числа), но если принять ее логику, запомнить эти моменты и начать пользоваться ими вместо того, чтобы с ними бороться — "проблемы" в браузерах сокращаются до минимума и верстать становится еще проще, чем таблицами. В данном случае, чтобы избавиться от неоднозначности, первым делом неплохо бы поменять дивы местами — пустить проблемный див после плавающего, чтобы он действительно обтекал его, а не отпихивал своим содержимым...

Как вариант, каждой 9-й иконке — clear:left. И явно задавать display:block, когда уже есть float, ни к чему. Да и P внутри ссылки, имхо, тут не в тему (хоть в ЖHTML это и валидно).

Я бы в качестве первого шага к нормальной базе вынес это безобразие в отдельную таблицу вида ID товара — имя характеристики — значение характеристики (потом можно будет имена характеристик систематизировать и вынести в третью таблицу, разнести по разным таблицам текстовые и числовые значения... но для начала и это прогресс). Отношение "много к одному". По всем полям раздельные индексы. А дальше что-нибудь типа SELECT DISTINCT good_id FROM goods_properties WHERE property_name = 'size' AND property_value BETWEEN '42,5' AND '43,4' — и айдишки товаров, для которых есть подходящие размеры, у нас в кармане...

А курсы по основам наглости (не слишком дорогие — в пределах $300/мес., скажем) где-нибудь есть? Желательно дистанционные...

Нормализовать базу СРОЧНО, пока она не разрослась до миллиона записей (впрочем, поисковый движок, лишенный помощи индексов, наверняка схлопнется под такой нагрузкой еще раньше). А того, кто написал этот кошмар, заставить съесть 137 кило мешанины из хлебных крошек, масла, мелко нарезанной колбасы и джема — пусть прочувствует наглядно, так сказать...

Нельзя их двигать в актуальных браузерах, если кратко. Быстрое и проверенное годами решение — нарисовать свои, где надо и как надо (пример).

Банально — потому что больше не умею ничего, за что платят деньги. Ну и на заре всего, в начале "нулевых", прикольно было — как магия, пишу какие-то закорючки-заклинания, и тут же возникает что-то местами даже красивое...

Проще, надежнее и кроссбраузернее всего — фоновыми картинками. Имхо.