28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Border sur image : padding qui ne fonctionne pas sous IE

Hello,

J'ai un problème tout bête, je souhaite mettre une bordure et un background-color sur une image avec un padding de 4px. Ca fonctionne sur Firefox, mais pas sous Internet Explorer, et je ne vois pas pourquoi.

Mon CSS :
.img_pad_4 {
  padding : 4px;
  border : 1px solid #C2B7A1;
  background-color : #DACFBB;
}


Je l'utilise de la manière suivante :
<img src="..." class="img_pad_4" alt="..." />


+ Voir l'exemple

Merci de m'éclairer Smiley biggrin
Modifié par Elvellon (30 Jun 2006 - 22:14)
Bonjour,
Oui en effet la source de ton problème vient du fait que utilise un Doctype HTML4.01 transitionnel incomplet (URI absente) qui fait basculer les navigateurs récents en mode quirks (mode de compatibilité descendante qui se base sur les spécifications propre à chaque navigateur au lieu de s'aligner sur celles du W3C).
Les version antèrieur à IE6 sont eux en mode quirks quelquesoit le doctype.
Pour partir du bon pied et eviter ce genre de problème,
tu dois donc utiliser un doctype qui active le mode standard et qui garanti
ainsi une uniformisation de l'affichage entre navigateurs:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


D'autant plus que ton balisage etait en XHTML.
Le mode transitionnel du XHTML est plus permissif ce qui je crois
dans ton cas est plus adapté.
Modifié par Hermann (30 Jun 2006 - 19:34)
Sujet clos
Aller à