Вернуться   Нижегородский Форум Друзей > Интернет и Сети > Сайты пользователей
Забыли пароль? Регистрация




Ответ
 
Опции темы Опции просмотра
Старый 31.10.2010, 13:31   #21
Товарищ
 
Аватар для junikon
 
Регистрация: 14.09.2007
Адрес: Галактика,Солнечная система,пл
Пол: М
Сообщений: 291
Поблагодарил: 57
Поблагодарили 41 раз в 34 сообщениях
Открыли хайд :
0 в этом сообщении
0 Всего


По умолчанию

это не сложно.
могу показать тут 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 вам на домашнее задание))
__________________
[Для просмотра данной ссылки нужно зарегистрироваться]
[Для просмотра данной ссылки нужно зарегистрироваться]
junikon вне форума  
Ответить с цитированием
Ответ

Метки
max-width, min-width, дайте, написал, оценку, этой


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Часовой пояс GMT +3, время: 07:46.