ben ou est ton problème qu'est ce qui ne va pas ?
Les éléments sont bien à 17px du bord, même si pour toi ca ne se voit pas.
donc on la refait simple, il existe le modele de boite microsoft, ou le modele de boite W3C.
Avec le doctype utilise tu ne verras jamais le modele de boite MS
donc on a a faire au modele de boite W3C (box model W3C) ce qui est mieux pour nous. Alors qu'est ce que c'est que ce truc.
Imagine que chaque élément est représenté par une boite.
Cette boite est délimitée par 4 parties, listées ci dessous de la plus extérieure à la plus intérieure :
-Margin (marges exterieures)
-Border (bordures)
-Padding (marges interieures)
-Contenu (contenu de l'élément)
Lorsque tu fixe une largeur sur une boite, la largeur va s'appliquer qu'au contenu de l'élément.
Donc si dans un élément tu fais :
width:200px;
padding-left:20px;
padding-right:20px;
ton élément ne fera pas 200px de large au total, mais : 200+20+20 = 240px;
idem si tu fais :
width:200px;
padding-left:20px;
padding-right:20px;
border:3px;
le bloc fera alors 200+2*20+2+3=246px de large.
donc il faut que tu fixes la largeur de ton bloc à : 759-17*2 = 725px.
Ensuite au sujet de l'application des valeurs sur le padding (aussi valable pour border, margin...)
on applique les règles suivantes :
padding : haut droite bas gauche => (4 valeurs) ex: padding : 1px 2px 3px 4px
padding : haut (droite+gauche) bas => (3 valeurs) ex : padding : 1px 2px 3px
padding : (haut+bas) (droite+gauche) => (2 valeurs) ex: padding : 1px 2px
padding : tout => (1 seule valeur) ex: padding : 1px;
Message édité par gatsu35 le 12-02-2006 à 23:16:30