Drop Down Menü verschiebt sich

[xFrager]

Hallo,
und mal wieder brauche ich eure Hilfe:

Ich habe mit Javascript eine DropDown funktion geschrieben. Nichts schwieriges, sondern einfach nur mit getelementbyid... und dann mit display: none bzw. block.

Leider verschiebt sich der DIV Container mit dem DropDown Menu bei verschiedenen Auflösungen. Kann man trotz position: absolute dem Container eine feste Position geben?

Seite

HTML-Code

        <div id="navbar">
            <div id="navi">
                <a href="#">Startseite</a>
                <a class="tutorial" onmouseover="aufklappen()" onmouseout="zuklappen()" href="#">Tutorials</a>
                <a href="#">Projekte</a>
                <a href="#">Login</a>
                <a href="#">Info</a>
            </div>
        </div>
        <div onmouseover="aufklappen()" onmouseout="zuklappen()" id="ddmenue">
            <div id="ddmenue2">
            <a class="ddlink" href="#">HTML</a><br>
            <a class="ddlink" href="#">CSS</a><br>
            <a class="ddlink" href="#">JavaScript</a><br>
            <a class="ddlink" href="#">PHP</a><br>
            <a class="ddlink" href="#">MySQL</a>
            </div>
        </div>

CSS-Code (Ausschnit)

#ddmenue
{
    position: absolute;
    display: none;
}

#ddmenue2 {
    background:#4D4D4D;
    width: 100px;
    height: 100px;
    border:1px solid black;
    border-top: none;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
}

 

[thecain]

Das was du hier machst, kann man einfach ohne Javascript mit CSS lösen. Beispiel

+ ein Menu hat folgende Struktur: (Div Menus sind nicht Suchmaschinentauglich etc...)

<ul>
  <li>
      <a href="#">punkt 1</a>
  </li>
  <li>
      <a href="#">punkt 2</a>
  </li>
  <li>
      <a href="#">punkt3</a>
  </li>
</ul>

 

[xFrager]

Die Navigation verschiebt sich trotzdem und die Liste verschiebt sich in eine zweite Zeile, wenn man zoomt.

Deshalb hatte ich eigentlich ohne die Listen gearbeitet.

#edit:

Meine Frage ist eigentlich nur wie ich verhinder kann, dass sich das DD Menü verschiebt. Mit der Oben genannten Methode verschiebt es sich auch.

#edit 2:

Ich entferne es aus der Webseite, da ich schon so viel probiert habe, es sich aber immer verschiebt.

 

[Cheffchen]

Hallo,

der fehler liegt leider an einem total falschen ansatz, das ist auch so nicht zu retten :O)
Lösche deins komplett und nehme ein richtiges menü, meinetwegen das von @thecain .

Cheffchen

 

[xFrager]

So,
nun sollte es richtig sein. Habe mir ein paar Sachen aus dem Internet zusammengeschustert..

Resultat

 

[Cheffchen]

Hallo,

sieht doch gleich 100mal schicker aus :O)

Cheffchen