"Accordeon"-Box mit statischem Inhalt

  • Hallo liebes Forum,


    ich habe ein Problem, was vermutlich gar nicht sooo kompliziert ist, aber ich komme nicht weiter und hoffe jmd. von euch hat einen schlauen Hinweis für mich.


    Ich habe ein accordeon-Menü erstellt. Es handelt sich um eine kleine Box (in der "Menü" steht), die beim hover ausklappt und die einzelnen Menü-Punkte als labels anzeigt. Das sieht vereinfacht so aus:

    In der CSS ist für das Accordeon eine kleine Ausgangsbreite definiert und eine größere Fläche, die ausklappt, wenn man den Menü-Button hovert:

    Mein Problem: Die Elemente innerhalb der Box passen sich der Größe der Box an und das sieht man leider. Sprich, wenn die Box "wächst" rutschen die einzelnen Text-Elemente erst an ihre richtige Position. Gibt es die Möglichkeit, den Inhalten eine feste Position zu geben? Evtl. löst man das durch das "Erscheinen" der Menüpunkte NACHDEM die Box ausgeklappt ist (anstatt währenddessen)... nur wie?

    Ich hab schon mit display und overflow rumgespielt aber bisher hat nichts zu dem gewünschten Ergebnis geführt.


    Ich hoffe ich habe einigermaßen verständlich beschrieben, was das Problem ist. Ich freue mich über einen Tipp...

    Danke und schönen Abend noch.

    LG
    Dori

  • Hi djheke,

    ich denke dass sich das hier versteckt, oder?

    CSS
    .rbcontent {
        display: none;}
        
    .rbcontent:checked + .content {
        display: block !important;}

    Es funktioniert ja auch alles einwandfrei - bin ganz stolz, auch wenn die Technik sicherlich noch nicht sauber ist - nur dieses Hinruckeln der Accordeon-Einträge nervt mich noch sehr und ich würde sie gerne "fixieren" oder eben erst "erscheinen lassen", wenn die Box ausgeklappt ist?! ?(

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!