минимальная ширина div для резинового шаблона

минимальная ширина divВажным и в то же время мало употребляемым параметром для блочного элемента является минимальная ширина.

Бывает что забыв указать минимальную ширину ломается весь сайт при просмотре например с нетбука, у которого разрешение то не такое уж и большое..

Итак как задать минимальную ширину и высоту div’a

Существует несколько способов:

Вставить «распорки» — вставляются под цвет фона изображения с длиной 1px а шириной равняющейся желаемой минимальной ширине блока.

Вставить пустой div с жестко прописанной шириной

Использовать свойства cssmin-width и  min-height.

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

.divclass {

min-width: 300px;

}

Всё бы хорошо да не знает такого свойства наш «любимый» эксплорушка (эт я так ласково IE  обзываю)

поэтому для него персональный костыль вставяем:

.divclass {

min-width: 300px;

width:expression(document.body.clientWidth > 300? «100%» :»300px»);

}


Теперь обменивать валюту стало проще — мониторинг обменников — узнай самые выгодные курсы валют)

Запись опубликована в рубрике Вёрстка. Добавьте в закладки постоянную ссылку.

Один комментарий на «минимальная ширина div для резинового шаблона»

  1. Vattum говорит:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *