это не сложно.
могу показать тут style52.ru для иллюстрации.
смотрим сss style52.ru/style52/style.css
весь сайт окутываем в два блока. у меня зарезервированные имена классов .outer и .site-c
смотрим код:
Цитата:
.outer {
width:100%; /*Тянем внешний блок на всю ширину*/
min-width:990px; /*но не меньше 990*/
text-align:center; /*выравниваем внутренний блок в IE*/
}
.site-c {
width:100%; /*так же тянем внутренний блок вместе с внешним*/
max-width:1300px; /*но не даем ему вытянуться в строку*/
margin:0px auto; /*выравниваем внутренний блок в нормальных браузерах*/
text-align:left; /*возвращаем выравнивание левым флагом для контента*/
}
|
эта конструкция будет работать везде кроме IE. он не знает min-width и max-width.
Если нужно по-быстрому, то можно использовать
[Для просмотра данной ссылки нужно зарегистрироваться] (5 пункт)
Но икспрешены дают нагрузку на браузер и желательно обходиться без них. Поэтому есть второй способ - изобрести костыль. В блок с классом .site-c после всего контента вставляем прозрачный гиф высотой в 1 пиксель, а шириной, равной минимальной ширине сайта 990px. Это приведет к возникновению горизонтального скролла на маленьких мониторах и не даст сайту схлопнуться. Безусловно этот способ действует на все браузеры, поэтому свойство min-width оказывается избыточным. Но я потихоньку отказываюсь от старых браузеров, поэтому отдаю предпочтение хорошему css и не использую блок минимального размера для IE.
А max-width для ie вам на домашнее задание))