Centrer <legend> sur tous les navigateurs

Bonjour,

J'ai une image entre deux balises <legend></legend> que je souhaiterais centrer.
Bien sûr, j'ai utiliser Google avant de venir vous en parler et j'ai lu ce topic :

http://forum.alsacreations.com/topic-4-6105-1-Centrer-un-ltlegendgt-dans-un-ltfieldsetgt--cassette-.html

Cependant l'astuce de Laurent ne fonctionne pas chez moi sur IE9 et Opéra 11. C'est sans doutes dû à l'ancienneté de l'astuce ?

Si quelqu'un sait résoudre le problème, il a toute mon attention.

Up.

bonjour,

centrer un legend c'est un mythe ... les éléments de formulaire sont extrêmement récalcitrant quand il s'agit de les relooker.
Un titre replacé pourrait etre une bonne alternative.

GC

Hello,

ça me semble jouable avec :

fieldset {text-align: center}
legend {display: inline}

A tester.

Bonne chance

Salut, j'ai essayer en local et seul sur Google Chrome le résultat est correcte. Mais merci de votre aide.

De plus, j'aime beaucoup vos articles sur le HTML5 !

Up.

Vict0 a écrit :
Salut, j'ai essayer en local et seul sur Google Chrome le résultat est correcte. Mais merci de votre aide.

Bizarre, j'ai pourtant testé rapidement sur IE8 et Firefox 3.6 et le texte de legend était bien centré.
Il ne l'est pas chez toi ?

Oui... Par contre ce n'est pas du texte dans le legend mais des images que j'utilise.

Up.

tu peut toujours essayer cette theorie :

form {padding-top:1em;}
legend {float:left;width:100%;margin:-1em 0 0;text-align:center;}
img {background:white;padding:0 0.5em;}

Sinon, faut se faire une raison .

GC