<legend> im Fieldset nicht rechts sondern links?

[Felix Riesterer]

Liebe CSS-Spezialisten,

ich probiere gerade erfolglos ein <legend>-Element (welches sich innerhalb eines <fieldset>s befindet) auszurichten. Damit meine ich nicht den Textinhalt innerhalb der "Box", sondern die "Box" selbst.

Die Default-Einstellungen des Browsers (IE, FF, Opera) lassen es in etwa so aussehen:

+-- LEGEND ------------+
|(content)             |
|...                   |
+----------------------+

Wenn ich dem Legend nun einen Border von 1px solid black verpasse, dann sieht es in etwa (bitte das anscheinende Padding ignorieren!) so aus:

+--------+
+--+ LEGEND +----------+
|. +--------+          |
|(content)             |
|...                   |
+----------------------+

Ich habe es nun mit float:right, mit position:(absolute|relative) in Verbindung mit right:0px bzw. left: 90% und mit display:(inline|block) probiert, aber irgendwie war die Darstellung immer dieselbe...

Dabei möchte ich doch nur folgende Darstellung erzielen:

+--------+
+----------+ LEGEND +--+
|.         +--------+  |
|(content)             |
|...                   |
+----------------------+

Reizen würde mich auch der Versuch folgende Darstellungen zu bewirken:

+----------------------+
|(content)             |
|...                   |
|. +--------+          |
+--+ LEGEND +----------+
   +--------+

+----------------------+
|(content)             |
|...                   |
|.         +--------+  |
+----------+ LEGEND +--+
           +--------+

Ein Blick in den DOM-Inspektor des FF zeigte bei den CSS-Rules etwas von caption-side, was ich nun überhaupt nicht verstehe!

Wer hat dieses Rätsel schon einmal erfolgreich gelöst?

Liebe Grüße aus Ellwangen,

Felix Riesterer.