Discussion :

[Lenezir]

Salut ^^
J'ai dans mon site un div contenant du texte, et à ce div est attaché un id de css.
Seulement j'ai un problème avec le padding-right de mon CSS (le padding-left marche très bien).
Voici le problème en images :

Ici avec un padding-right de 0



et ici avec un padding-right de 50 !



Il m'a agrandit le cadre vers la droite au lieu d'écraser le texte vers l'intérieur (ce que j'aurais voulu).

Voici le code CSS du div (j'ai désactivé l'image de fond pour le screen) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#corps
{
width : 710px;
height : 500px;
background-image : url("images/news4.gif");
background-repeat : no-repeat;
padding-left : 10px;
padding-right : 50px;
float : left;
margin-left : 17%;
position : absolute;
top : 89px;
border : 1px solid black;
}

Je précise que j'utilise Firefox 3.0.5.
En espérant que vous aurez une solution.
Merci !

[Erwan31]

Bonjour,
c'est le comportement normal du modèle de boîte standard (le padding s'additionne à la largeur), tu dois donc soustraire la largeur du padding à ton width

[Macmillenium]

Bonjour,

c'est le modèle de boîte du W3C (box model (en)), un comportement standard :
Largeur finale = Largeur ou/et hateur+padding+border

[Lenezir]

Ah super merci à vous deux !