Как сделать резиновую область?

@set666666 · Регистрация: 05.02.2014

Студворк — интернет-сервис помощи студентам

Редактирую тему на Drupal
В ней есть 3 области левый сайдбар правый сайд бар и центральная область. Мне надо что бы сайдбары были фиксированные, а центральная область динамическая, то есть растягивалась на оставшийся ширину экрана.

Вот код css

CSS

#sidebar-second {
    width: 200px;
    float: right;
}
 
#content {
    width: 100%;
    min-width: 400px;
    display: table;
}
 
#sidebar-second {
    width: 200px;
    float: right;
}

У меня выводиться сначала левый сайд бар потом переносится на следующую строчку потом выводится контент, потом снова переносится на следующую строчку потом правый сайд бар.

Если сделать процент в центральной части поменьше, то контейнеры встают как надо но при уменьшении окна браузера всё опять слетает.

Пробовал ещё в центральную область добавлять

margin-left:250px;
margin-right:250px;

Тоже не помогло, плюс ещё добавились пустые области, в центральном контейнере.

Подскажите как сделать что бы все контейнеры встали в одну линию при этом центральная чась была бы динамической ?

Добавлено через 7 минут
Ошибся немного вот первые строчки в css

CSS

#sidebar-first {
    width: 200px;
    float: left;
}

@GreenForest · 03.12.2014, 17:11

Как на счет html-кода? Проблема может быть решена, если все 3 элемента закинуть в один div.

@Academik · 04.12.2014, 07:06

CSS

1
2
3

.leftCol{width: 200px; float: left;}
.rightCol{width: 200px; float: right;}
.centerCol{margin: 0 230px;}

HTML5

<div class="leftCol">
     Left sidebar
</div>
<div class="rightCol">
     Right sidebar
</div>
<div class="centerCol">
     Content
</div>

@GreenForest 50 / 42 / 25 Регистрация: 05.12.2013 Сообщений: 275
	03.12.2014, 17:11	2
	Как на счет html-кода? Проблема может быть решена, если все 3 элемента закинуть в один div. 0

Опции темы

Как сделать резиновую область?

Решение