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