[Résolu] Coin arrondi en haut à gauche pas parfait

Bonjour,

J'ai rajouté à mes div des bords arrondis grâce aux css :
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

ça marche nickel sauf que le bord en haut à gauche n'est pas parfait et brille sur certains div.

Avez-vous une explication ?

http://chti.sportif.free.fr/
Modifié par CyberNord (27 Jan 2011 - 20:21)

salut,
tout dépend de ton contenu.
n'oublie pas que les div sont carrées, donc en fonction des navigateurs, les coins carrés
peuvent déborder..

Soluce :

en appliquant des border-radius :
- met un padding
OU
- applique le border-radius à la div "en-dessous"

regarde, test en appliquant un border-radius 10px à ton image "en direct du blog"

J'ai essayé divers choses proposés : sans succès.

Oui le problème doit venir du contenu de tes cadres qui est trop proche du bord gauche.

Le contenu doit être espacé d'au moins la valeur du radius. En l'occurence : 10px pour toi. Il faut donc que tu décale :

- Tes dates
- Tes titres
- Tes extraits d'articles

J'avance ça sans certitude, mais ton cadre horizontal en haut apparaît correctement chez moi (et le contenu est écarté du bord gauche).

Merci.
En effet j'ai rajouté 5px de padding et c'est ok