cabeçalho fixo de posição em html
Eu tenho um cabeçalho (altura dinâmica) com uma posição fixa.
Eu preciso colocar o div do contêiner logo abaixo do cabeçalho. Como a altura do cabeçalho é dinâmica, não posso usar o valor fixo para a margem superior.
Como isso pode ser feito?
Aqui está meu CSS:
#header-wrap {
position: fixed;
height: auto;
width: 100%;
z-index: 100
}
#container{
/*Need to write css to start this div below the fixed header without mentioning top margin/paading*/
}
... e HTML:
<div id="header-wrap">
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="active">test 0</a></li>
<li><a href="#">Give Me <br />test</a></li>
<li><a href="#">My <br />test 2</a></li>
<li><a href="#">test 4</a></li>
</ul>
</div>
<div class="clear">
</div>
</div>
</div><!-- End of header -->
<div id="container">
</div>