28173 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

Je rencontre un petit problème avec la propriété padding sous IE5.

Dans ma feuille de style, j'ai ceci:
img#preview { text-align: center;
                  margin: 0 auto 0 auto;
                  padding: 15px;
                  border: solid 2px #CCCCFF; }

Il est censé y avoir un espace de 15px entre l'image et sa bordure. Sous IE7 et IE6, c'est le cas. Mais en revanche sous IE5, il n'y a aucun espace.

Je vous remercie pour vos réponses avisées. Smiley biggrin
Modifié par TheRookie (01 Oct 2007 - 19:54)
Bonjour,

IE5 utilise un modèle de rendu des boîtes ("box model") différent du modèle CSS2, dont un des effets de bord est qu'un élément remplacé ne peut pas avoir de padding.
Concrètement, l'élément img (qui, techniquement, fait partie de la catégorie «éléments remplacés») ne peut pas avoir de padding dans IE5.

S'il s'agit juste d'un effet esthétique, on pourra peut-être s'en passer pour ce navigateur aujourd'hui très minoritaire (et appelé à disparaitre avec le temps). Smiley smile
Merci Laurent et Florent,

En effet c'était juste un effet esthétique sur un navigateur dont j'espère qu'il va disparaître bien vite. Smiley lol