Пустое место под div

[BeetleJuice541]

Есть 1 большой div(контейнер),в нем 3 div(левый,центр,правый)

В центральном div информация,в левом и правом просто фон.

Если в центральном много информации то он растягивается вместе с контейнером(главным),но вот левый и правый div не растягиваются. Хотя стоит height:100%.

Как это исправить?чтобы все колонки растягивались вместе с центральным div?

http://firepic.org/?v=6.2014-07-23_80wqph4dulay.png вот скрин(простите за хостинг,первый попавшийся)

[Veseloff]

Так это хостинг картинок и я там увидел только картинку. А, может, покажете сайт?

[Temiks]

BeetleJuice541, как сделать колонки одинаковой высоты можно почитать тут, тут или тут Edited July 24, 2014 by Temiks

[Нарек]

Вангую: У Вас видимо левый и правый div с float, поэтому нужно добавить для контейнера clearfix, взять его вот отсюда http://nicolasgallagher.com/micro-clearfix-hack/ скопировать в свой css, а в html дописать блоку контейнера class="cf"

[BeetleJuice541]

Вангую: У Вас видимо левый и правый div с float, поэтому нужно добавить для контейнера clearfix, взять его вот отсюда http://nicolasgallagher.com/micro-clearfix-hack/ скопировать в свой css, а в html дописать блоку контейнера class="cf"

ваши способности меня удивляют,будьте осторожны,Ванга была слепой!

[Нарек]

ваши способности меня удивляют,будьте осторожны,Ванга была слепой!

Вы бы добавили код свой а не удивлялись способностям. 

[BeetleJuice541]

 

ваши способности меня удивляют,будьте осторожны,Ванга была слепой!

Вы бы добавили код свой а не удивлялись способностям. 

 

Я вставил в css файл этот код

/** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */

.cf:before,

.cf:after {

content: " "; /* 1 */

display: table; /* 2 */

}

.cf:after {

clear: both;

}

/** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */

.cf {

*zoom: 1;

}

 

А для самого главного контейнера в котором есть 3 div прописал класс,ПРАВИЛЬНО?

Вот код HTML

<div id="container">

<div id="left" >

<p title="На главную" id="glav"><a  href="index.html"><img src="img\glav.png" ></a></p>

</div>

 <div id="right" class="cf">

 </div>

 <div id="center">

<table >

ИНФОРМАЦИЯ

</table>

</div>

</div>

 

Вот css

 

#container {/* все тело */

height:auto;

border-bottom: 5px solid red;

}

#left {

width: 20%; /* Ширина левой колонки */

float: left;

background: url(img/left.jpg) 100% 100% no-repeat; 

background-size: cover; 

height:100%;

 

#right {

background: url(img/right.jpg) 100% 100% no-repeat; /* Добавляем фон */

background-size: cover;

width: 20%; /* Ширина правой колонки */

float: right;

height:100%;

}

#center {

margin: 0% 20% 0% 20%;/* Отступ на ширину левой и правой колонки*/

border-bottom: 5px solid #4C525D;

}

[Нарек]

Нет не правильно. Вместо того что бы удивлятся, включите сначала внимание. class cf стоит у блока #right который совсем не главный. Главный в данном коде container. А еще не плохо было бы почитать про обтекающие элементы...

Edited July 24, 2014 by Нарек

[BeetleJuice541]

а что про обтекание почитать?у меня же все правильно или нет?

[Sergik+]

Кстати интересно а почему такая любовь к clearfix ? Рисовать целую портянку ради

экономии одного div. Объясните плиз чем он лучше clear:both ?

[Нарек]

Кстати интересно а почему такая любовь к clearfix ? Рисовать целую портянку ради

экономии одного div. Объясните плиз чем он лучше clear:both ?

Ну во первых div-ов может быть не один. Ну и во вторых пустые элементы разметки имхо нехороший тон.

[BeetleJuice541]

я все сделал,ничего не меняется.