Достал меня мой узкоспециализированный сайт-хобби. Вернее надоело наблюдать посещения в количестве максимум 60 человек в сутки. Самое обидное, что весь контент заношу уже который год один, даже после того, как перевел сайт со статики на Drupal. Народ заходит, читает, пизд копи-пастит контен, но новый никто не собирается добавлять. А хочется ведь чтоб сайт жил полноценной жизнью, писались материалы, комментировались и чтоб посещений, человек 500 в месяц...

Решил сделать другой сайт, с более широкой тематикой. Скорее всего это будет очередной ...тысячный сайт которых полно, но зато свой. Подумал, кого-кого, а уж обывателей должно быть предостаточно. Может кому-то термин и покажется обидным, но в большинстве своем мы и есть обыватели, ярких индивидуальностей не так много, и их можно увидеть по телевизору. Собственно так и назвал проект "Обыватель". Как туда заманивать народ - это отдельная "песня", которую необходимо будет решать.

А вот как сделать, чтобы внешний вид сайта хотя бы сразу не отпугивал, это нужно было решать сразу. И дело не столько в надоевшей всем друпалерам стандартной фиксированной теме garland-minnelli, которую решил использовать, а в не защищенности темы от вставки больших / длинных фотографий-картинок. А они скорее всего будут, т.к. обыватель, по своей сути не компьютерный специалист и всякие width, px, Mb для него темный лес.

В зависимости от браузера большие фотографии вылазят за пределы блока портя внешний вид, либо закрывая соседнию информацию, либо ломая верстку.

Существует несколько решений проблемы, и все они годятся для нормальных браузеров: Opera, Firefox... но не для гордого IE6. Конечно можно, как на drupal.ru посылать его владельцев подальше, но посмотрев статистику малопосещаемого сайта обнаружил, что доля IE6 составляет 12%. На мой взгляд это приличный контингент, который не то что послать, а и игнорировать нельзя. Поэтому задача сузилась до - чтоб это правильно работало в IE6.
Засев за интернет нашел следующие решения, являющиеся добавлением в css темы строк кода:

1) overflow: hidden
Одно из распространенных решений, придать блоку это свойство. Часть картинки выходящая за блок будет просто обрезаться. В IE6 в чистом виде не работает. Необходимо добавлять еще и width: а потом "тюнить" css. Данное решение реализовано на drupal.ru. Мне оно не нравится.

2) max-width: 100%
Еще одно решение. Картинка будет автоматически ресайзится до размеров блока. В зависимости от браузера и версии качество отресайзеной картинки будет разным. В IE6 не работает в принципе. Но есть обходной маневр, задание width: expression... Пишут, что эта "гадость" при неудачном раскладе (код в css), может "спалить мозг" IE6. Перепробовал наверное с полсотни вариантов, пока не вырисовалась конструкция меня удовлетворившая:

490 - это размер картинки подобраный экспериментально, после которого идет ее автоматическое уменьшение/увеличение на 95% к блоку.
И наверно правильнее вынести width: expression в корректирующий файл темы fix-ie.css (если есть).

3) скрипты js
существуют скрипты, которые исправляют конкретные баги IE6 или полностью делая его "правильным" браузером. Найти такой скрипт и загрузить конструкцией в page.tpl.php

По причине того, что меня устроил вариант 2) до этого варианта руки не дошли.