Czemu po użyciu w #logo środkowania i gdzie przy tym był height: 100%, tak dziwnie mi wyświetla? Tak samo jest jak to środkowanie jest i np. dam H1... Ogólnie nie wiem czemu, ale 100% DIV przy 100px to nie jest dla niego 100px... Co powoduje ten display, że tak robi? Po wyłączeniu display, wraca wszystko no normy i do takiego wyglądu jaki powinien być, oprócz tego srodkowania, ogólnie sprawa dziwna, jak użyje elementu blokowego to po prostu daje mi linie nad i po jak zwykle..., ale nie wiem czemu jak daje %, to źle jakość wysokość widzi wtedy... :)
HTML:
<body>
<div id="gora">
<header>
<div id="logonav">
<div id="logo">
<p>JEWELERY</p>
</div>
<nav>
</nav>
<div id="social">
</div>
</div>
<div id="opis">
</div>
</header>
</div>
</body>
CSS:
body {
margin: 0;
padding: 0;
}
div, header {
}
/* GÓRA */
#gora {
max-width: 1920px;
height: 800px;
outline: 2px solid green;
}
header {
width: 930px;
height: 800px;
margin: 0 auto;
outline: 2px solid orange;
}
#logonav {
width: 100%;
height: 100px;
outline: 2px solid red;
}
#logo {
width: 20%;
height: 100%;
display:table-cell;
vertical-align:middle;
outline: 2px solid orange;
}
/*p {
display: table-cell;
vertical-align: middle;
}*/
#opis {
outline: 2px solid black;
width: 60%;
height: 200px;
}