Galerie und HTML 5 "figure" tag (IE8 vs FF/Chrome)

Ich habe ein Inhaltselement vom Typ "Galerie" eingefügt und 5 Bilder zugewiesen,
dann noch eingestellt, dass 5 Bilder pro Zeile dargestellt werden sollen
und rundherum ein Abstand von 1px sein soll:
Anhang 9855

Schaue ich mir die Galerie nun im IE8 an, wird Sie so wie erwartet dargestellt:
Anhang 9856

Schaue ich mir die Galerie im FF an:
Anhang 9857

Eigentlich auch kein Wunder, dass es im FF anders dargestellt wird.
Im Firebug kann man sehen, dass sich jedes Bild unter einem "<figure>" Element befindet:
Anhang 9858

Figure ist ein HTML5 Tag welcher vom IE8 ignoriert wird, nicht jedoch vom FF.

Ich frage mich, wozu dann beim Elementtyp "Galerie" die Einstellung "Bildabstand" überhaupt noch gut sein soll?
(Bilder innerhalb des figure-tags kriegen sowieso erstmal gleich 40px Abstand verpasst...)

Kann man dieses Verhalten irgendwie abstellen, resp. das "<figure>"-tag irgendwie mit CSS ignorieren lassen,
so das auch FF/Chrome nur 1px Abstand rendern?

Hallo,

probier das mal im CSS mit einzutragen

Code:

---

figure { margin:0; padding:0; }

---

oder du klickst im Layout unter 'CSS-Framework' den Punkt 'CSS-Reset' an - da müsstest du aber dann gucken, welche CSS-Regeln dann noch zusätzlich nicht mehr greifen

Hallo Renner

Vielen Dank - das war's!
(Wie im Firebug Screenshot gezeigt, war das padding 1px dem "figure" bereits von Contao zugewiesen worden, für die richtige Anzeige im FF muss aber indemfall noch zusätzlich margin manuell zugewiesen werden... Naja, wieder was gelernt...)

Gruss,
Supertramp