Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.77/39: Рейтинг темы: голосов - 39, средняя оценка - 4.77
141 / 141 / 38
Регистрация: 20.02.2012
Сообщений: 597
1

В диве есть два дива. Высота родительского дива равно 0

10.04.2012, 15:29. Показов 7976. Ответов 7
Метки нет (Все метки)

Подскажите, есть див контента, в котором две колонки. Высота контента равна нулю. почему?
HTML5
1
2
3
4
5
<div id='content'>
<div id='left'></div>
<div id='right'></div>
</div>
<div id='footer'></div>
из-за этого футер отображается не правильно.

спасибо
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.04.2012, 15:29
Ответы с готовыми решениями:

Два дива в одну строку, расположенные в третьем диве
Здравствуйте. Есть див фиксированной ширины в 800px. В нем два других дива каждый по 400px. Первый...

Два дива рядом внутри дива
Здравствуйте! Не могу сделать вот такую конструкцию: На приложенном изображении показаны рамки...

2 дива в диве к нижнему краю
Доброго времени суток, есть конструкция &lt;div id='kwbot'&gt;&lt;div id='1' class='testkw'&gt;22&lt;/div&gt;&lt;div...

Не задается высота дива
Всем привет. Такой вопрос: есть два дива, идущие друг за другом: &lt;div class=&quot;promo-section&quot;&gt; ...

7
5 / 5 / 1
Регистрация: 06.07.2011
Сообщений: 157
10.04.2012, 16:23 2
а ты туда какой-нить текст кинь посмотри что будет

а конкретно в "right" и "left"
1
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 144
10.04.2012, 16:40 3
Если высота не указана в стилях, то она ровняеться по контенту, соответственно если контент отсутствует то и высота тоже!!!
0
141 / 141 / 38
Регистрация: 20.02.2012
Сообщений: 597
10.04.2012, 16:41  [ТС] 4
все равно, равно 0.
CSS
1
overflow:hidden;
с этим заработало.

теперь второй вопрос. ширина left равна 200px, как задать размер righta чтобы его ширина была всю оставшуюся часть.
0
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 144
10.04.2012, 16:47 5
Цитата Сообщение от ilnurgi Посмотреть сообщение
все равно, равно 0.
CSS
1
overflow:hidden;
с этим заработало.

теперь второй вопрос. ширина left равна 200px, как задать размер righta чтобы его ширина была всю оставшуюся часть.
И что же ты скрыл?

Добавлено через 51 секунду
Если задешь вопросы по поводу css то хотябы код вылаживай а то ничего не понятно!

Добавлено через 1 минуту
Цитата Сообщение от ilnurgi Посмотреть сообщение
все равно, равно 0.
CSS
1
overflow:hidden;
с этим заработало.

теперь второй вопрос. ширина left равна 200px, как задать размер righta чтобы его ширина была всю оставшуюся часть.
width:100%;
1
141 / 141 / 38
Регистрация: 20.02.2012
Сообщений: 597
10.04.2012, 16:52  [ТС] 6
Цитата Сообщение от vadimgrig Посмотреть сообщение
И что же ты скрыл?
не знаю что скрыл. ещё не выяснил.

HTML5
1
2
3
4
5
6
7
8
9
<div id="content">
        <div id="left">
            Левый
</div>
 
        <div id='right'>
        правый
                      </div>
    </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#content{
overflow:hidden;/*без этого высота его равна нулю*/
 
}
 
#left{
  background-color: RGB(150,200,255);
  border:2px solid RGB(0,50,200);
  border-radius: 5px;
  width:200px;
  float:left;
  padding-left:10px;
 
}
 
#right{
  border:1px solid black;
  margin-left:5px;
  float:left;
 
 
 
}
как задать ширину для right, шаблон резиновый
если задам ширину как 100% то right уходит вниз, чем left
0
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
10.04.2012, 17:03 7
короче смотри. если элементы плавающие (float), то они вырываются из основного потока, то есть все остальные элементы на них не обращают внимания. то есть content думает, что внутри него ничего нет, а так как высота у него растягивается в зависимости от содержимого, то она становится равна 0. чтобы он реагировал на плавающие элементы можно задать ему overflow: hidden или вообще любой другой owerflow кроме visible(не работает в каком то ie), либо его самого сделать плавающим. как вариант после плавающих блоков добавить пустой блок с clear: both(я так делаю для ишачка)

Добавлено через 4 минуты
Цитата Сообщение от ilnurgi Посмотреть сообщение
теперь второй вопрос. ширина left равна 200px, как задать размер righta чтобы его ширина была всю оставшуюся часть.
не делай его плавающим и не задавай ширину
0
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 144
10.04.2012, 17:10 8
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#left {
    float: left;
    width: 200px;
    height: 500px;
    background-color: brown;
}
#right {
    height: 500px;
    margin-left: 205px;
    background-color: bisque;
    overflow-x: hidden;
}
#footer {
    width: 100%;
    height: 150px;
    background-color: blue;
}
100% работает!!!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.04.2012, 17:10

Прижать див к низу родительского дива
Внизу страницы имеется якорь &quot;наверх страницы&quot;, он положен в отдельный див. Слева страницы...

Высота дива по его содержимому
Добрый день, подскажите пожалуйста как сделать высоту родительского дива по содержимому &lt;div...

Максимальная высота дива и скрол
Скажите пожалуйста как затать стили чтоб див имел максимальную высоту а при привышении высоты(если...

Сдвиг родительского дива при наведении на дочерний
собственно, интересно, какие способы реализации такого есть? чтоб, например, в диве два дива...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru