Min/max ширина страницы
90% сайтов в рунете сделаны «резиновыми». Разработчики выделяют преимущество этого метода в том, что страница рационально заполняет все пространство экрана информацией. Как сделать грамотно минимальную ширину страницы?
На западе не заморачиваются по этому поводу и делают очень хорошие фиксированные сайты, которые удобно и приятно читать.
Но раз уж мы не выбираем легких путей, тогда я расскажу, как сделать минимальную и максимальную ширину для тянущейся страницы.
C «правильными» браузерами проблем нету никаких. Устанавливаем для главного блока #content стилевые свойства min-width и max-width. Сейчас займемся нашим «глупеньким осликом». На помощь приходит конструкция expression (). Вычисляем ширину окна браузера и если она меньше требуемой назначаем минимальную ширину, если больше — максимальную.
Смотреть пример
Комментарии
хм.. интересно.
как в старые добрые времена говорили: “пешы исчо”.
буду писать, обязательно, вот бы времени побольше
А если критично реализовать без expression (). Есть еще варианты?
средствами html/css нету
javascript поможет
[...] В CSS прижимаем футер к низу страницы и указываем минимальную ширину страницы. Одно из требований ТЗ – чтобы HTML код [...]
Почему то этот ослик проявляет ослиное упрямство при использовании этого экспрессион . Т.е. страница растягивается и ужимается как надо , но появляется полоса прокрутки в подвале, даже если например устанавливаем минимальную ширину страницы 998 при разрешении 1024. В “правильных” браузерах полосы прокрутки нет, но они растягивают футер(прилепляют к нему пикселей 10) И как с этим бороться?
Проблемы с полосой прокрутки и с изменения высоты футера никак не связаны с темой статьи, они вызваны чем то другим
Могут ли находиться выражения “expression ()” во внешнем CSS файле?
Т.е. стили, содержащие подобное выражение, могу ли находится снаружи.