padding im fieldset -> FireFox Problem

[WannaBe²]

Hallo.

Ich habe ein Problem mit dem FireFox. Hatte bisher nur Probleme mit Internet Explorer, da aber diesmal kein Problem.

Wenn ich ein Fieldset mit Legend definiere und in diesem Fieldset die Eigenschaft padding zuweise, wird dies vom FireFox nicht umgesetzt.

<fieldset>

<legend>Information</legend>

Keine Informationen vorhanden.

</fieldset>

fieldset
{
    padding:3px;
}

Könnte mir dabei jemand helfen? Danke im Voraus

Greetz, Max aka WannaBe²

 

[Tar]

Könnte der Fehler auch darin liegen, das <legend> nicht geschlossen wird, <fieldset> dafür zweimal?

 

[WannaBe²]

Sorry, Tippfehler, hab den Code hier im Forum geschrieben, nicht kopiert. Auch im Code ist es korrekt, nur es funktioniert immer noch nicht.

 

[3UGENE]

Probier's mal mit legend margin...

 

[WannaBe²]

Kenn ich noch net... Gibts das bei CSS4You?

 

[3UGENE]

was ich damit meine ist:

 legend {
  margin: Xpx;
 }

 

[Durek]

was ich damit meine ist:

 legend {
  margin: Xpx;
 }

Hab da auch keine Lösung aber hab deins mal getestet und es funktioniert nicht.
PS: hab natürlich X durch es Zahl ersetzt xD // Im IE funktioniert das aber auch

 

[matibaski]

machs so:

/* Stylesheet */
#legende {
margin:Xpx;
}

Hier HTML

<fieldset>
<legend id="legende">Name</legend>
</fieldset>

MfG, matibaski

 

[Durek]

machs so:

/* Stylesheet */
#legende {
margin:Xpx;
}

Hier HTML

<fieldset>
<legend id="legende">Name</legend>
</fieldset>

MfG, matibaski

und was ist bei mehreren Tables mit Legende? wäre für folgendes (wenn dass, was du geschrieben hast geht dann das auch):

/* Stylesheet */
.legende {
margin:Xpx;
}

Hier HTML

<fieldset>
<legend class="legende">Name</legend>
</fieldset>

Das von Matibaski kannst du nur verwenden, wenn du dieses nur einmal auf einer Seite hast.

 

[Frank]

Hab in meinem CSS Buch einen ganzen abschnitt dazu gefunden.

Kurzfassung:

Problem tritt in MozillaFF und Gecko auf.
Bei normaler Darstellung ist ein unterschied von wenigen pixeln nicht zu verhinden
Innen Abstand mit weiterem Blockelement innerhalb vom fieldset lösen
Hintergrundfarbe kann dann nicht mehr geändert werden (2px große lücken in weiß oben & unten)

greez

PS: Buch: CSS von DataBecker "Modernes Webdesign mit CSS" Internet intern