Вход

Просмотр полной версии : Проблема с Height

Nikolay37
03.10.2017, 20:52
Есть 1 блок с section, в нем присутствуют еще 3 блока, header, content, footer.


header {
height: 70px;
}

content{
height: 650px;
}

footer {
background: #7e7e7e;
color: #dbdbdb;
font-size: 11px;
height: 70px;
}

Проблема в том, что header не получает значение height: 650px; и получается его размер 0х0. В чем может быть проблема?


<body>
<div id="wrapper">
<section>
<header>
<div id="header">
</div>
</header>
<content>
<div id="content">
</div>
</content>
<footer>
<div id="footer">
<div id="social">
<a href="http://vk.com/" class="social-icon vk"></a>
</div>
</div>
</footer>
</section>
</div>
</body>
рони
03.10.2017, 22:17
header не получает значение height: 650px
header {
height: 70px;
}
:-?
Nikolay37
03.10.2017, 22:52
:-?

Пересидел просто, content
Rasy
03.10.2017, 22:58
content
Нет такого тэга в стандартах. Правильно задавать классы для элементов и обращаться к ним по селектору класса.
рони
03.10.2017, 22:59
Nikolay37,
#content{
height: 650px;
}
Nikolay37
03.10.2017, 23:00
Благодарю
Nikolay37
03.10.2017, 23:02
Нет такого тэга в стандартах. Правильно задавать классы для элементов и обращаться к ним по селектору класса.

А почему header и footer работают?
Rasy
03.10.2017, 23:05
А почему header и footer работают?
Ты обращаешься к ним по селектору тэга. Такие тэги определены в стандарте, а <content> нет.
Лучше убрать айдишники.
<div class="content"></div>
.content {
...
}
Nikolay37
03.10.2017, 23:06
Ты обращаешься к ним по селектору тэга. Такие тэги определены в стандарте, а <content> нет.
Лучше убрать айдишники.
<div class="content"></div>
.content {
...
}

Понял, благодарю
рони
03.10.2017, 23:08
Nikolay37,
content{
display: flex;
height: 650px;

}

#content{
flex: 1;
}
Rasy
03.10.2017, 23:16
рони,
Уже можно добавлять кастомные элементы в разметку?
j0hnik
04.10.2017, 00:06
Добавлять можно, но валидацию такой документ не пройдет.