Блог Min/max ширина страницы

90% сайтов в рунете сделаны «резиновыми». Разработчики выделяют преимущество этого метода в том, что страница рационально заполняет все пространство экрана информацией. Как сделать грамотно минимальную ширину страницы?

На западе не заморачиваются по этому поводу и делают очень хорошие фиксированные сайты, которые удобно и приятно читать.

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

C «правильными» браузерами проблем нету никаких. Устанавливаем для главного блока #content стилевые свойства min-width и max-width. Сейчас займемся нашим «глупеньким осликом». На помощь приходит конструкция expression (). Вычисляем ширину окна браузера и если она меньше требуемой назначаем минимальную ширину, если больше — максимальную.

Смотреть пример

Комментарии

Зигмунд Фрейд 07 апреля 2008 года, 8:21 #

хм.. интересно.
как в старые добрые времена говорили: «пешы исчо».

webmolot 07 апреля 2008 года, 10:54 #

буду писать, обязательно, вот бы времени побольше

vic 19 января 2009 года, 0:22 #

А если критично реализовать без expression (). Есть еще варианты?

webmolot 19 января 2009 года, 4:04 #

средствами html/css нету
javascript поможет

Блочная верстка CSS 31 января 2009 года, 16:49 #

[...] В CSS прижимаем футер к низу страницы и указываем минимальную ширину страницы. Одно из требований ТЗ – чтобы HTML код [...]

Владимир 19 февраля 2009 года, 16:55 #

Почему то этот ослик проявляет ослиное упрямство при использовании этого экспрессион . Т.е. страница растягивается и ужимается как надо , но появляется полоса прокрутки в подвале, даже если например устанавливаем минимальную ширину страницы 998 при разрешении 1024. В «правильных» браузерах полосы прокрутки нет, но они растягивают футер(прилепляют к нему пикселей 10) И как с этим бороться?

webmolot 19 февраля 2009 года, 17:19 #

Проблемы с полосой прокрутки и с изменения высоты футера никак не связаны с темой статьи, они вызваны чем то другим

Михаил 05 ноября 2009 года, 18:46 #

Могут ли находиться выражения «expression ()» во внешнем CSS файле?

Михаил 05 ноября 2009 года, 18:47 #

Т.е. стили, содержащие подобное выражение, могу ли находится снаружи.

Адъ 05 февраля 2010 года, 13:49 #

могут

мк 06 мая 2011 года, 11:40 #

Чувак, ты крут! пиши больше:)

Дмитрий 04 октября 2011 года, 13:11 #

Ты спас мне жизнь:))) Спасибо!

alex 29 августа 2012 года, 21:17 #

«глупеньким осликом» Это мягко сказано.. чтобы проверить работу этой штуке в осле, я ждал 3 минуты пока он откроется, потом еще столько он тормозил, начал открывать и в итоге повис еще на пару минут. Итого за 10 минут я посмотрел как это выглядит в осле)))

Написать комментарий

Используйте в комментариях html-теги

ссылка — <a href=""> </a>
выделение — <strong> </strong>
удалённый текст — <del> </del>
цитата — <blockquote> </blockquote>
фрагмент кода html — <pre lang="html"> </pre>
фрагмент кода css — <pre lang="css"> </pre>

Подпишитесь!

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com