A kid from The Ural's
На сегодняшний день в CSS нет поддержки масштабирования фонового изображения. Для решения этой проблемы многие используют гигантские изображения нестандартных форматов, но это не всегда работает, так как находятся пользователи с разрешениями мониторов, которые вы не предугадали, и весь лэйаут/дизайн коту под хвост. Другие же использовали индивидуальное изображение, которое загружается в зависимости от разрешения монитора, но тоже не всегда работает и требует еще больше усилий (проверенно на собственном опыте - результат: нервный срыв). В CSS3 есть такая вот задумка: CSS3 background-size, но работать она будет далеко не во всех браузерах (а сколько пользователей используют IE6? Личный опыт показывает, что достаточно много, существенная доля трафика такого сайта, как Гвирагон

Проблемы с кроссбраузерностью Гвирагона реально не давали спокойно жить, и требовали решения. Решения долго не было, пока я не наткнулся на блог Марка Шенка (Mark Schenk)

В котором есть статья о том, как при помощи CSS хитростей все-таки заставить фоновое изображение масштабироваться
www.markschenk.com/cssexp/background/index.html

Для этого, укажите тип документа


И установите следующие свойства для элементов страницы html, body и самого изображения, которое вы хотите поместить за основу:



Примеры использования:
Пример автора
Гвирагон

Да, Гвирагон теперь масштабируется, хотя остается еще куча проблем с дизайном, но самая главная решена :walkman:

@темы: Mark Schenk, Гвирагон, CSS, веб дизайн