Как я могу сделать ширину страницы динамической до определенного предела?

Question

Например, динамический и изменчивый между 600px - 1000px, но фиксированным на 1000px после 1000px и фиксированным на 600px ниже 600px. Проверьте digg.com для примера. Я хотел бы, чтобы кросс-браузер совместим. Спасибо!

Answer 1

Используйте свойства min-width и max-width CSS.

body {
  min-width: 600px;
  max-width: 1000px;
}

IE6 не поддерживает эти свойства, но более новые версии (IE7 +) поддерживают. Все другие основные браузеры поддерживают их.

Answer 2

вот код, который я использовал в узле эластичной ширины с ограничениями, чтобы заставить его соответствовать - даже на ie6 (строка ширины: выражения есть для ie6):

min-width: 900px;
 max-width: 1280px;
 text-align: left;
 width:expression(document.body.clientWidth < 990? "990px": "auto" );

Answer 3

CSS это путь! Это ежу понятно. Попробуйте использовать класс как:

.style { min-height: 600px; max-height: 1000px; }