Hallo Ingo,
ich habe über <fieldset> und <legend> ein Tabellenlayout zur Darstellung von Bildern mit Titeln ersetzt.
Diese Elemente sind zur Gruppierung von Formularfeldern, genauer gesagt von Paaren von Feldern und Feldbeschriftungen, nicht dafür, um nur einen optischen Effekt zu erzielen.
http://www.edition-w3.de/TR/1999/REC-html401-19991224/interact/forms.html#edef-FIELDSET
http://www.w3.org/Consortium/Offices/Germany/Trans/WAI/webinhalt.html#tech-group-information
http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-grouping
Um die Bilder nebeneinander zu platzieren, habe ich für fieldset {display:inline} verwendet. Sollte doch eigentlich erlaubt sein und den gewünschten Effekt erzielen, oder?
Wie ein Inline-Element ein Blockelement und eine anonyme Block-Box enthalten soll, ist mir nicht klar.
Nur Opera (7.11) verhält sich hier ganz merkwürdig und setzt einen wenige px großen Rahmen, die Beschreibung und die Bilder jeweils untereinander.
Opera 7.11 lässt es im Gegensatz zur 6er-Reihe nicht zu, dass fieldset-Elementen die Eigenschaften position (d.h. !=static) oder float (d.h. !=none) zugewiesen werden. Das ist m.E. definitiv ein Bug.
Ich möchte nun ungern {float:left} verwenden
Warum nicht?
Abgesehen davon, das das m.M.n. die bessere Methode wäre, bringt sie im Opera bei fieldset dennoch nichts.
und würde daher gerne wissen, ob Opera hier wirklich einen Fehler macht, oder ich mit meiner Formatierung falsch liege.
Beides. Du solltest keine für Formulare gedachten Elemente für die Verknüpfung von Bild und Bildtitel verwenden.
Und ob es vielleicht auch einen einfachen Workaround für den Opera gibt.
Eruiere, ab welcher 7er-Version der Fehler auftritt und ob die neuesten Beta-Versionen dasselbe Verhalten zeigen. Im positiven Falle melde den Bug.
Ein Workaround ist, auf fieldset zu verzichten und beispielsweise div- und/oder p-Elemente zu verwenden. Der Rest sollte sich per float, margin (z.T. negativen, falls du denselben Effekt haben willst) und border lösen lassen - was spricht dagegen?
Grüße,
Mathias
<img src="http://validator.w3.org/images/vh20" border="0" alt="">