Уроки по программированию

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

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

div

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

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

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

Комментарии к статье

    ValueError thrown

    Unknown format specifier "a"