CSS. HTML. Вёрстка

html css веб дизайн вёрстка

У меня есть див, в котором три дива(левая колонка, центр и правая колонка) Мне нужно, чтобы левая и правая колонки по высоте всегда были такими же как и центральная часть со статьёй, например, но независимого от их содержимого. Каких образом это сделать?
Сейчас сделал такие стили:
#container {
height: auto !important;
margin: 0 auto;
min-height: 100%;
position: relative;
width: 1050px;
z-index: 10;
background:url("/media/images/site/background.jpg") repeat scroll 0 0 #DACD9E;
}

#nav{/*левая колонка*/
float: left;
width: 150px;
padding:5px;
position: relative;
}
#content {/*центр*/
background:url("/media/images/site/background.jpg") repeat scroll 0 0 #DACD9E;
margin: 0 120px; /* Ширина колонок */
padding: 10px;
padding-left: 25px;
padding-right: 40px;
width: 400px;
}
#aside {/*правая колонка*/
float: right;
color: #000;
width: 150px;
padding: 5px;
padding-left: 25px;
background-color: #929697;
height:100%;
}

И такая вёрстка:

<div id="container">
<div id="nav">
</div>
<div id="aside">
</div>

<div id="content">
тут много-много текста
</div>
</div>

Буду очень благодарен, если кто-нибудь подскажет, что нужно сделать
Ответы:
#content {/*центр*/
  background:url("/media/images/site/background.jpg") repeat scroll 0 0 #DACD9E;
  margin: 0 120px; /* Ширина колонок */
  padding: 10px;
  padding-left: 25px;
  padding-right: 40px;
  width: 400px;
  height:100%;
}
так, должно работать
Для этого можно использовать указание высоты 100% для боковых элементов, но надо убрать padding-и и margin-ы.


12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.