28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

J'ai un petit problème ce soir sur une div contenant une image et un padding de 7px et des bords arrondis. J'ai créé un fichier CSS (pour les paddings) et JS (pour les bords arrondis) spécial ie < 8. Les voici :

ie.css
.vignette { width:136px; }


ie.js
DD_roundies.addRule('.vignette', '4px');


Mon problème ?
Mon résultat sur IE7 me donne mon image répétée dans la div.

J'ai testé. J'ai donc enlevé la ligne sur les arrondis spécial ie et tout va bien, sauf que je n'ai pas les arrondis biensur.
Et quand je remet cette ligne, j'ai le résultat suivant :
http://www.netpom.fr/demo/img/pb-roundies-padding-ie7.jpg

Quelqu'un aurait-il trouvé une solution pour les div contenant des bords arrondis grâce à roundies et des paddings ?
Administrateur
Hello,

Comme cela est dit dans le tutoriel, Roundies est assez capricieux dès que l'on sort de l'arrondi "classique".
Pourquoi ne pas essayer CSS3pie ?

Bonne journée,

Raphaël
Coucou,

Oui j'avais bien lu l'article avant d'intégrer Roundies. J'ai pourtant essayé plusieurs solutions CSS pour arranger le problème mais rien n'y fait.

Donc je pense me pencher vers la méthode que tu m'as dites : CSS3 Pie.

Merci de l'info Smiley cligne

Bonne nuiiiit