Kai: Fieldset Inhalt ragt über die Höhe

Hallo!

Ich möchte ein Fieldset per JavaScript auf- und zuklappen. Dazu gebe ich ihm für den zugeklappten Zustand eine Klasse.

<fieldset class="mini">  
<legend>auf- und zuklappen</legend>  
<p>etwas inhalt...</p>  
</fieldset>
.mini{  
    height: 1px;  
    border: 1px 0 0 0;  
    overflow: hidden;  
}  

Der Text ragt aber unten aus dem Fieldset raus und liegt hinter folgenden Elementen.
Wie kann ich ein Fieldset "zuklappen" und den Inhalt dabei verstecken?

Grüße

  1. Hallo,

    Der Text ragt aber unten aus dem Fieldset raus und liegt hinter folgenden Elementen.
    Wie kann ich ein Fieldset "zuklappen" und den Inhalt dabei verstecken?

    du machst es schon richtig, aber testest vermutlich im Firefox.
    Im Firefox ist overflow nicht für fieldset implementiert.

    Nutze stattdessen ein div-Element innerhalb von fieldset für diese Funktion.

    Gruß

    1. Hallo!

      du machst es schon richtig, aber testest vermutlich im Firefox.

      Fast. Opera verhält sich genauso. Weitere habe ich aber nicht getestet.

      Nutze stattdessen ein div-Element innerhalb von fieldset für diese Funktion.

      Das wäre wirklich nicht schön. Ich hätte ungern ein überflüssiges div.

      Ich habe es jetzt so gelöst, dass ich allen Kindern nach dem Legend-Element eine Klasse gebe und sie mit display:none; verstecke.

      Grüße

      1. Hi,

        Ich habe es jetzt so gelöst, dass ich allen Kindern nach dem Legend-Element eine Klasse gebe und sie mit display:none; verstecke.

        das ist auch unschön - warum so viele Klassen? Setze _eine_ Klasse, nämlich für das fieldset-Element, und blende die Kindelemente unter Verwendung des Selektors "fieldset.foo *" aus, danach das legend-Element mit "fieldset.foo>legend" selektieren und explizit wieder einblenden.

        Ciao,
         Martin

        --
        Ordnung ist, wenn man etwas findet, was man gar nicht sucht.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        1. Hallo!

          das ist auch unschön - warum so viele Klassen?

          Weil ich es kann! :D

          Setze _eine_ Klasse, nämlich für das fieldset-Element, und blende die Kindelemente unter Verwendung des Selektors "fieldset.foo *" aus, danach das legend-Element mit "fieldset.foo>legend" selektieren und explizit wieder einblenden.

          Ja, das ist natürlich eleganter. Danke schön!