[Résolu] Calcul des paddind par rapport à sa taille

Salut tous le monde,
J'ai lu le livre de Ethan marcotte : Responsive Web design.
Très bon livre et très instructif.

Ma question porte sur le calcul des navigateurs quand on met un padding.
Dans le livre, il dit cela :
Si vous souhaitez un espacement flexible sur un élément le contexte est la largeur de l’élément lui même.

Or je ne trouve pas cela dans la pratique.
Voici le code :

<div id="conteneur">
<div id="cible3" >
</div>
</div>

Le code css :

#conteneur{
width: 1000px;
}
#cible3{
width: 100px;
height: 100px;
padding : 10%;
}

Les 10% sont donc calculer à partir de la taille de cible3 => la largeur de l’élément lui même.
Pourtant les navigateurs appliquent un espacement de 100 px.
Ce qui veut dire que le padding est calculer comme pour le margin par rapport à la taille de l’élément pére ???????

Merci pour votre éclairage.
Modifié par renard13 (20 Feb 2013 - 14:20)

Hello.

renard13 a écrit :
Ce qui veut dire que le padding est calculé comme pour le margin par rapport à la taille de l’élément père?

C'est ça, si on reprend la spécification pour le padding

La spec a écrit :
Pourcentage : se rapporte à la largeur du bloc conteneur

Merci pour le lien qui répond parfaitement à ma question.
Ce qui veut donc dire que soit dans la traduction soit dans le texte original, il y a une erreur...


merci Florian_R, je penserais maintenant à aller regarder sur :
yoyodesign.org

Je suis déjà tombé sur ce site mais je ne l'ai pas mis en favori, erreur corrigé