• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Firefox 3.6.3: fieldset mit overflow: hidden

K

kainobi

Neues Mitglied
Hallo zusammen!

Ich hab hier ein seltsames Problem:

HTML: 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="shortcut icon" href="/favicon.ico" />
  </head>
  <body>
  
  <form method="post" action="">
    <fieldset id="sf_fieldset_kunde" style="overflow:hidden;height:25px;">
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
        df sf sdh dsf<br />
    </fieldset>
  </form>
</body>
</html>
Bei diesem fieldset mit overflow:hidden; wird in Firefox 3.6.3 der Inhalt einfach nicht mehr abgeschnitten. Wenn ich ein div statt dem fieldset nehme, geht es. Im Firefox 3.5.8 funktionierte das noch.

Weiss jemand was da faul ist?
Kann ich irgendwo nachsehen, ob sich am Rendering der fieldsets etwas geändert hat?

Danke & viele Grüße
 
Warum möchtest du deinem Besucher das Einsehen des Inhaltes "verbieten"? Dann kannst du auch gleich alles, was unter 25px, steht löschen.
 
Ich vermute mal stark, dass dahinter steckt, dass gewisse Felder nicht sichtbar sein sollen.
Dafür gibt es aber Attrbute oder auch CSS ( display:none; ).
Zumal auch deine Ausführung falsch ist. innerhalb eines <fieldsets> gehören die dafür vorgesehenen Elemente:

- legend
- input
- textrea
- label
- select
- button
- ...

Gruß
Loon3y
 
Hallo ihr beiden

@vitus37: ich will das fieldset auf und zu klappen können.
@Loon3y: das ist mir schon klar, das sollte nur eine vereinfachte Darstellung zum Testen sein, hat auch mit den Problem an sich nichts zu tun.
 
Was meinst du mit auf und zuklappen? Mit JavaScript, mit CSS oder wie?

Wenn du das mit JavaScript machen möchtest, habe ich einen Tipp für dich:
jQuery: animate()-Funktion, damit lassen sich recht einfach tolle Animationen zum "auf und zuklappen" von Elementen erzielen, ohne dass du dein overflow:hidden; etc. benötigst. Funktioniert dann aber auch nur bei Besuchern mit aktivierten JavaScript.
.animate() – jQuery API
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben