Hi Leute,

habe mich jetzt mal mit Dropdown-Menüs beschäftigt.
Laut Meinung einiger Leute, deren Tipps und Tutorials ich gelesen habe möchte ich das mit css machen.

Habe mir da einiges durchgelesen und ausprobiert, und verstehe nun einigermaßen was da nun steht =)

Sieht erstmal folgendermaßen aus:

  
<div id="menue">  
                <ul id="navi">  
                    <li>  
                        <a href="#">Willkommen</a>  
                    </li>  
                    <li>  
                        <a href="#">&Uuml;ber uns</a>  
                        <ul>  
                            <li>  
                                <a href="#">Angebot</a>  
                            </li>  
                            <li>  
                                <a href="#">Geschichte</a>  
                            </li>  
                            <li>  
                                <a href="#">Jobs</a>  
                            </li>  
                        </ul>  
                    </li>  
                    <li>  
                        <a href="#">Projekte</a>  
                        <ul>  
                            <li>  
                                <a href="#">Alpha</a>  
                            </li>  
                            <li>  
                                <a href="#">Beta</a>  
                            </li>  
                            <li>  
                                <a href="#">Gamma</a>  
                            </li>  
                        </ul>  
                    </li>  
                    <li>  
                        <a href="#">Impressum</a>  
                    </li>  
                </ul>  
            </div>  

  
.clear {  
    clear: both;  
} #navi, #navi ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
} #navi li {  
    width: 128px;  
    float: left;  
} #navi li ul {  
    display: none;  
} #navi li:hover ul {  
    display: block;  
} #menue {  
    height: 16px;  
    position: relative;  
} #navi {  
    position: absolute;  
} #navi li {  
    border: 1px solid #000;  
    margin: 0 32px 0 0;  
} #navi ul li {  
    border: none;  
    margin: 0;  
} #navi a {  
    font-weight: bold;  
    text-align: center;  
    display: block;  
    padding: 0.1em;  
} #navi a:link, #navi a:visited {  
    color: #FFF;  
    background: #A8CFF0;  
    text-decoration: underline;  
} #navi a:active, #navi a:hover {  
    color: #000;  
    background: #FFF;  
    text-decoration: none;  
}  

Ja, funktioniert auch soweit ganz gut (FF3)

Mein Problem ist jetzt aber, dass sich unter dem Menü ein weiteres Div befindet, mit dem ganzen Text halt. Wenn nun das Menü aufklappt, dann verschwindet es hinter dem Text. Desweiteren kann ich auch keinen Punkt davon anwählen, denn wenn ich den Mauszeiger von dem obersten Button (von wo alles aufklappt) wegbewege, also nach unten zu den Unterpunkten, dann klappt es wieder zu.

Was fehlt da im Code?

Danke im voraus.