[X] Помощник

[zik Topic Starter]

есть структура
....
<div id="content">
<div id="textblock">Вывод основной информации</div>
<div id="menu">Колонка с навигацией справа </div>


</div>
....
Раньше дизайн был фиксированный, но я решил его растянуть..шапку и т.п - растянул без проблем, проблема стала с растяжкой основной колонки с информацией..
Нужно, что бы левый блок был фиксировано 300пикселей, а оснавная колонка растягивалась в зависимости от ширины экрана


Вот css

#content {
width: 100%;

}

#text_block {
min-height: 600px;
height: 100%;
float: left;
background: url(img/les_bg.jpg);
border-radius: 8px;
box-shadow: 0px 0px 6px #999;
width: 100%; пробовал и auto - ничего не получается
display: block;
}

#menu {
display: block;
width: 300px;
float: right;
background: url(img/m_bg.jpg);
text-align: center;
border-radius: 8px;
box-shadow: 0px 0px 6px #999;
}

При таком css левый блок выбивает на новую строку и он находится под основным divом

Помогите

[Jordanutto]

Для блока, который должен растягиваться, устанавливаете:

float:left;
width:100%;

[Anatoly_ua]

Тут вот пример, как это делается:
http://www.dynamicdrive.com/style/layouts/...22-fluid-fixed/
Правда, нужно будет решить, как выравнивать длину контента и правого блока. На демке это с помощью JS делается.

[K_E_V_in]

Jordanutto, ничего подобного, так работать не будет! Нужно с отступами играть. Когда-то давным-давно я писал заметку на эту тему.

Примерно так должно работать:

#content {padding-left:300px}
#textblock {width:300px; margin-left:-300px; float:left}
#menu {width:100%; float:left}

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.

Сообщение отредактировал K_E_V_in - 12.10.2012, 12:05