Минимальная ширина (min-width)
Кроссбраузерная минимальная ширина (min-width)
Описание:
Давно уже прошло то время, когда разрешение мониторов было 640*480, что накладывало определенные ограничения на ширину сайтов. Сейчас разрешения мониторов стали намного больше и у web-мастеров появились
возможности создавать широкие сайты. В связи с этим начали появлятся сайты с нефиксированной шириной, так называемые "
стрейчевые сайты". Но эти стрейчевые сайты лишь отчасти стрейчевые, так как всетаки минимальная ширина должна быть, чтоб при маленьком разрешении экрана сайт не расползался.
А вот тут и начинаются все проблемы, в
css существует свойство -
min-width, но к сожалению не все популярные браузеры поддерживают это свойство. Поэтому некоторое время для того, чтоб задать минимальную ширину использовался "спейсер" - прозрачная картинка размерами 1px/1px, которую помещали внизу сайта и задавали ей ширину, эта ширина и служила как минимальная ширина сайта. Этот метод нельзя назвать правильным, так как использование распорок (спейсер с установленной шириной) для задания минимальной ширины противоречат правилам
css верстки.
Что ж тогда делать? Как задать минимальную ширину не используя распорок?
В этом нам поможет
expression.
expression - небольшие куски яваскрипта, которые внедряются в css и работают только в браузере IE.
Синтаксис:
.min_width
{
width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)?"766px" : "100%");
min-width:766px;
}
Этот метод является наиболее рациональным для того, чтоб задать минимальную ширину.
Минусами expression можно назвать:
- Невалидируемость
- При большом количестве expression в коде, сайт начинает притормаживать в IE
Добавить комментарий
