[Résolu] Pixelisation des border

Bonjour,

je rencontre un problème d'affichage avec des border :

<div class="cadre"></div>	

.cadre {
	border-color: #E1DAC8 #E1DAC8 #E1DAC8 #EF6227 !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 7px !important;
    width: 300px !important;	
	height:100px;
}

Auriez vous une idée du problème ?
Modifié par magali_infographiste (28 Aug 2012 - 10:00)

Bonjour,

C'est tout à fait normal : comme l'élément à des couleurs (et tailles) de bordure différentes sur la gauche et le haut, le navigateur créé une diagonale entre les deux bordures.

Pour éviter le problème, tu peux imbriquer deux éléments (mais ça surchargera ton code) ou utiliser une image de fond pour une des deux bordures.

Merci, c'est ce que j'ai constaté en faisant des essais...