Load af div

CSS loader ikke som sådan elementerne en af gangen, så jeg tror ikke, det er fejlen.

Men du bør vel bare ikke sætte position:absolute; hvis den skal ligge i den container?

Er det ikke dette, du vil:

<div id="knap" style="visibility:visible;margin-top:307px;padding-left:55px">bla bla</div>

Jeg ved ikke, om du behøver visibility:visible.

Problemet er, at når der klikkes på knappen, skal laget skjules og menuen skal vises oven på knappen.

Når der er 2 lag der skal overlappe hinanden, bliver jeg vist nødt til at bruge position:absolute, eller har du et andet forslag? Det kunne være fedt hvis der var en funktion i css der kunne bruges, ved bare ikke hvilken

<div id="menu" style="visibility:hidden; position:absolute; top:97px;padding-left:5px">MENUEN</div>
<div id="knap" style="visibility:visible; position:absolute;top:307px; padding-left:55px;">ÅBN MENUEN</div>

CSS kan ikke bruge funktioner, men i JavaScript kan du:

<script type="text/javascript">
function toggleDisplay(o){
  o.style.display=o.style.display=="none"?"block":"none"
}
</script>

<div id="menu" style="display:none">MENUEN</div>
<div id="knap" style="display:block" onclick="toggleDisplay(this);toggleDisplay(document.getElementById('menu'))">ÅBN MENUEN</div>

Hvordan lukker jeg menuen igen? Det kan jeg ikke lige helt gennemskue

Vil du gøre det med et link eller når man klikker på menuen?

<div id="menu" style="display:none">MENUEN</div>
<div id="knapclose" style="display:none" onclick="toggleDisplay(this);toggleDisplay(document.getElementById('knapopen'));toggleDisplay(document.getElementById('menu'))">LUK MENUEN</div>
<div id="knapopen" style="display:block" onclick="toggleDisplay(this);toggleDisplay(document.getElementById('knapclose'));toggleDisplay(document.getElementById('menu'))">ÅBN MENUEN</div>

Det skal være et punkt i menuen

Jeg fandt ud af det, det virker perfekt. Taker !:)

Godt! Og tak for point! :)

Hvis du lægger LUK MENUEN-div'en ind i MENUEN-div'en, så behøver du ikke have en onclick på LUK MENUEN:

<div id="menu" style="display:none">
  MENUEN<br><br>
  <div id="knapclose" style="display:none">LUK MENUEN</div>
</div>

<div id="knapopen" style="display:block" onclick="toggleDisplay(this);toggleDisplay(document.getElementById('knapclose'));toggleDisplay(document.getElementById('menu'))">
  ÅBN MENUEN
</div>

Hov, således:

<div id="menu" style="display:none">
  MENUEN<br><br>
  <div>LUK MENUEN</div>
</div>

<div id="knapopen" style="display:block" onclick="toggleDisplay(this);toggleDisplay(document.getElementById('menu'))">
  ÅBN MENUEN
</div>

Så sparer du lidt kode. =)

;)