CSS Menü mit Submenü

  • Hallo,

    bin mal wieder auf eure Hilfe angewiesen. :oops:

    Es geht um folgendes:
    meine Website hat folgende Struktur,

    links <--- das ist mein #nav div
    rechts --> das ist mein #content div

    oben ist der header und unten der footer.

    so...

    und nun habe ich im #nav div ein vertikales Menü und möchte nun gern
    bei einem Punkt ein submenü einbauen. das habe ich auch gemacht. Es funktioniert auch prima, denn das Submenü, wird nach unten ausgeklappt.

    Ich möchte aber nun den css code so schreiben, dass mein Menü nach rechts ausklappt, quasi in den #content div hinein.....

    Um ehrlich zu sein habe ich nicht so recht eine Vorstellung davon, wie ich das machen sollte. Mit margin und padding hat es leider nicht funktioniert.

    über eine Anregung würde ich mich sehr freuen....

    Grüße
    der Longi

  • ich habe das so gemacht, :

    #nav li:hover ul { display: block; position: absolute; left:750px: top: 500px;padding: 0; margin: 0 0 0 0px; background: url(bg_color.png) repeat-x 100%; }


    mit dem ergebnis, daß ich den unterpunkt nicht mehr finden kann :(


    was kann ich noch tun?

  • Dein Fehler ist, dass Du das ausklappende Menü links positionierst (left) und das mit einem enorm hohen Wert. Zudem hast Du für das umgebende Element vermutlich keine relative Positionierung angegeben.

    Versuchs so (Minimalausführung):

    Code
    #nav li:hover { position: relative; }
    #nav li:hover ul { position: absolute;right: 0; }