Резиновый div. Div для резиновой верстки

В этом уроке я опишу простой, но очень полезный прием, который пригодится при создание резинового шаблона это — Резиновый div. Допустим вам понадобилось сделать блок, который бы растягивался в зависимости от разрешения экрана. При большом разрешение ширина div была бы одной при маленьком разрешение другой.

div

Для того чтобы получить резиновый div нужно прописать следующий css код:

.container{
    margin:0 auto;/*Центрирование блока*/
	background:#ccc;/*Цвет блока*/
	max-width:1280px;/*Максимальная ширина при больших разрешениях*/
	min-width:940px;/*Минимальная ширина при маленьких разрешениях*/
	width:auto;/*Ширина в зависимости от разрешения экрана*/
}

Скачать пример

3 комментария на «“Резиновый div. Div для резиновой верстки”»

  1. Tatiana Ian:

    «при разрешениИ». Исправтье ошибки (

  2. Виктор:

    ты сама что ли очень грамотная???

  3. Наталя Лєбєдєва:

    спасибо. Ничего не исправляйте. Художника обидеть может каждый. Не каждый может убежать 🙂

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

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