Fieldset & Legend mit CSS positionieren

[petz_e]

Hallo,

Es gibt ja Fieldsets und Legends, wobei das Legend immer in dem Border des Fieldsets steht. Ich will jetzt dieses Legend über das Fieldset stellen, so dass es die ganze Breite des Fieldsets einnimmt. Das ganze soll ungefähr so aussehen als ob das Legend die Titelzeile des Fieldsets wäre (so wie hier im Forum, siehe "Neues Thema erstellen")

Das Positionnieren des Legends klappt, das Anpassen der Breite jedoch nicht. Das Legend wird nicht grösser.

fieldset {
   position: relative;
   margin: 3em 0 0 0;
   padding: 0;
}

legend {
   margin: 0; padding: 0;
   width: 100%;
   color: #000;
   font-weight: bold;
}

legend span {
   position: absolute;
   top: -1.5em;
   left: 1em;
   width: 100%;
   background-color: blue;
}

So steht das ganze im HTML-Dokument:

<fieldset>
   <legend><span>Mein schoen formatierter blauer Titel</span></legend>
   ... ... ... ...
</fieldset>

Patrick

 

[Benny 800]

Ich versteh nicht genau was du meinst...
Wenn ich den Code in eine Datei kopiere erscheint da das Fieldset und darüber ein Blauer Kasten über die ganze Breite...
Nur die Schrift geht nicht über die ganz Breite, da müsste man mehr schreiben.
Die einfach breit zu ziehen geht soviel ich weiß nicht

 

[anna55]

Wie soll's denn werden? Dein blauer Titel geht doch über die ganze Breite und dies einheitlich in den gängigen Browsern unter Win XP.

 

[petz_e]

Hm, glaub da klappt was nicht mit dem Rest meines CSS

Glaube es wäre auch besser wenn ich mit DIVs arbeite.

Nur jetzt, eine andere Frage: Wann sollte man eigendlich id und wann class verwenden? (Oder sollte ich hierfür einen neuen Thread eröffnen?)

Patrick

 

[Benny 800]

Unser Freund und Helfer google hilft weiter
Hab mal nach "CSS Unterschied class id" gesucht und das hier gefunden
Hoffe mal es hilft Dir weiter

dciwam | FAQ : Unterschied zwischen id und class