28172 sujets

CSS et mise en forme, CSS3

Gestion du PADDING sous IE6

Bonjour à toutes et à tous,

En mon sens le padding d'un bloc s'ajoute à sa taille (height et width).
De telle manière que si on a:
div#monBloc
{
padding:0 0 0 20px;

width:198px;
}

le bloc en question à une largeur totale de "218px".

C'est vrai pour FF et IE7... mais apparemment plus pour IE6! Il me semble pourtant que c'était le cas.

Hors dans mon exemple je suis contraint de faire un CSS pour IE6 où j'indique "width:218px;" pour que l'affichage soit cohérent.

Une idée sur l'origine du problème?

URL de Test : http://www.funpart.net/test/padding.html

Merci d'avance pour vos lumières!
Modifié par Just (07 Mar 2008 - 11:08)
Merci pour ces premiers éléments mecho!

J'ai ajouté une URL de test avec un exemple simple si tu veux jeter un oeil.
En attendant, je me documente sur ce fameux "Quirks" Smiley cligne .
Et le vilain petit canard est : le prologue XML!
Ce dernier force IE6 en Quirks mode.

Bon donc maintenant deux alternatives :
* soit je vire le prologue XML, ce dernier étant généré par la méthode "saveXML();" de l'extension DOM de PHP5
* soit je fais effectivement un CSS spécial IE6 et inférieur ce qui aura l'avantage de rendre le site compatible IE5 en même temps

Votre avis svp?
Vire le prologue XML. Ce dernier est inutile (pour ne pas dire erroné) pour un document servi de toute manière avec le type MIME "text/html". Et même s'il était vaguement utile, ça ne vaudrait pas le coup de se coltiner le mode Quirks dans IE6 pour autant. Smiley cligne
Sous IE, width comprend la marge interne, c'est un modèle de boite propriétaire de Microsoft. Apparemment, IE 7 aurait corrigé le tir.
Sujet clos
Aller à