Ich habe einen Header (dynamische Höhe) mit einer festen Position.

Ich muss das Container-Div direkt unter der Kopfzeile platzieren. Da die Höhe der Kopfzeile dynamisch ist, kann ich den festen Wert nicht für den oberen Rand verwenden.

Wie geht das?

Hier ist mein 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*/
}

... und 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>