[Cadres] Comment bien créer deux cadres arrondis ?

Bonjour à tous et à toutes,

Je vous explique mon problème.

Je suis en pleine refonte de mon site web et je souhaiterai créer deux cadres aux quatre bords arrondis.
Là n'est pas le problème mais je ne sais pas quelle est la meilleur chose à faire pour créer mes deux cadres.

Plus explicitement, vous me conseillez de, directement, créer deux images aux quatre coins arrondis puis de les placer par l'intermédiaire du CSS ou bien d'utiliser les propriétés du CSS 3.

Voici une image, les deux ellipses remplacent les deux blocs à placer.



Que me conseillez-vous ?
Modifié par jQz (21 Nov 2009 - 14:46)

Si tu ne te soucies que de Firefox, de Safari, de Chrome, de Konqueror et d'IE 9, utilise la propriété border-radius et les extensions -moz-border-radius, -webkit-border-radius et -khtml-border-radius. En revanche, pour arrondir tes angles sous tous les navigateurs, le mieux reste encore, à l'heure actuelle, d'utiliser une image d'arrière-plan.

Salut,

Utilise le border-radius avec un script js pour IE, ça sera très bien
Modifié par pfoofen (21 Nov 2009 - 20:34)

http://www.roundedcornr.com/

Merci à tous pour vos réponses .

Cependant, le CSS 3 n'est pas valide et je pense que l'utilisation d'un script pour les versions d'internet explorer n'est pas une bonne chose en terme d'accessibilité ?

Comme l'a dit Victor BRITO, "le mieux reste encore, à l'heure actuelle, d'utiliser une image d'arrière-plan."
C'est aussi ce que je voulais faire néanmoins, avec le sortie du CSS 3 es-ce une bonne chose ?