Две колонки резина

Вопросы по вёрстке и JavaScript
Ответить
systemiv
Сообщения: 360
Зарегистрирован: 2011.06.26, 22:55
Откуда: Липецк
Контактная информация:

Две колонки резина

Сообщение systemiv »

Здравствуйте!
Подскажите пожалуйста, как сделать 2 колонки.
Левая фиксированная, а правая растягивается в зависимости от размера окна?
Пробовал так:

Код: Выделить всё

.menuleft{
    float: left;
    width: 200px;
    height: 400px;
    background: red;
}

.content{
    float: right;
    height: 400px;
    width: 100%;
    background: green;
}
 
Подскажите пожалуйста.
Спасибо!
andrew911
Сообщения: 60
Зарегистрирован: 2011.05.30, 23:45

Re: Две колонки резина

Сообщение andrew911 »

Аватара пользователя
timlar
Сообщения: 1382
Зарегистрирован: 2009.09.19, 17:49
Откуда: Украина, Днепропетровск
Контактная информация:

Re: Две колонки резина

Сообщение timlar »

Twitter: @timlar_ua
systemiv
Сообщения: 360
Зарегистрирован: 2011.06.26, 22:55
Откуда: Липецк
Контактная информация:

Re: Две колонки резина

Сообщение systemiv »

Не помогло(((
Аватара пользователя
delvin
Сообщения: 85
Зарегистрирован: 2009.11.13, 15:29

Re: Две колонки резина

Сообщение delvin »

порядок блоков в верстке: первым должен идти .menuleft, за ним .content
у .content нужно убрать float и width.

З.Ы. Точно не скажу, возможно придется добавить в .conent margin-left:200px;

З.З.Ы. Как еще один вариант можно использовать абсолютное позиционирование.
Аватара пользователя
timlar
Сообщения: 1382
Зарегистрирован: 2009.09.19, 17:49
Откуда: Украина, Днепропетровск
Контактная информация:

Re: Две колонки резина

Сообщение timlar »

По той ссылке, что я дал (пошагово):

Doctype: HTML5
Сброс стилей от Eric Meyer
Ширина макета: Резиновая
Шапка: Высота по своему усмотрению
Сайдбары: Один, слева
Подвал: Высота по своему усмотрению
Дополнительные опции: Прижать футер к низу окна браузера

В итоге получается резина, левый сайдбар фиксированный, правый растягивается.
Twitter: @timlar_ua
Ответить