Formular im Accordion - Checkbox wird bei geschlossenem Accordion im IE angezeigt

[CrazyHorst]

Ich hab ein Formular, das etwas lang ist in mehrer Accordions aufgeteilt. Dazu hab ich vor und nach den Feldern die eingeschlossen werden sollen per HTML-Code im Formulargenerator die jeweiligen Codezeilen eingefügt. Das funktioniert auch soweit wie es soll. Nur der IE (getestet mit 6 und 7) zeigt mir die checkboxen an auch wenn das Accordion geschlossen ist. Aber wirklich nur die Checkboxen ohne label und alles.

Weiß jemand wie ich das verhindern kann?

[schman]

also das Probleme kenne ich bisher nicht, aber um dir helfen zu können benötigen wir einen Link. Ansonsten ist es schwer zu sagen was das schief läuft

[Crasher]

Darf leider keinen Link posten. Sonst hätt ich das schon gemacht

Am Accordion selber wirds nicht liegen. So hab ichs eingebunden.

<div class="ce_accordion block">
<div class="toggler"><h3>Überschrift</h3></div>
<div class="accordion">
.
Formularfelder stehen hier
.
</div>
</div>

Firefox und Opera zeigen es korrekt an. Nur der IE stellt sich wieder quer

[Nils Riel]

Kannst du das vielleicht mit

position:relative und z-index:xyz

lösen?

[Crasher]

Nein leider bringt das nichts.

Hast du es mal selber probiert? Würde mich mal interessieren ob es bei anderen auch auftritt.

Das passiert auch, wenn man im Artikel ein Accordion für Start und Ende anlegt und dazwischen ein Formular mit checkbox.

[Crasher]

Ich würde gern an dem Template dafür was einbauen. So das die Checkboxen nicht sichtbar sind, wenn das Accordion geschlossen ist und eingeblendet werden, wenn es offen ist.

Könnte mir jemand den entsprechenden Eintrag dafür ergänzen?

window.addEvent('domready', function()
{
    new Accordion($$('div.toggler'), $$('div.accordion'), 
    {
        display: false,
        alwaysHide: true,
        opacity: false,

        onActive: function(toggler, i)
        {
            toggler.getFirst() ? toggler.getFirst().setStyle('background', 'url("tl_files/images/accordion_open.gif") right center no-repeat') : toggler.setStyle('background', 'url("tl_files/images/accordion_open.gif") right center no-repeat');
        },

        onBackground: function(toggler, i)
        {
            toggler.getFirst() ? toggler.getFirst().setStyle('background', 'url("tl_files/images/accordion_closed.gif") right center no-repeat') : toggler.setStyle('background', 'url("tl_files/images/accordion_closed.gif") right center no-repeat');
        }
    });
}); 

Danke schonmal im Vorraus

[willshedo]

Hi,

für den nächsten, der über dieses Problem mit den stehenbleibenden Formularelementen im IE stolpert: bei mir hat ein 'position:relative' im CSS der Formularelemente das Stehenbleiben verursacht. Weiss der Geier warum. Positionierung entfernt, alles gut :-)

Grüsse,
Chris