Discussion :

[nestea57]

Bonjour,

J'ai ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
#corps
{
	border: 1px solid;
    text-decoration: none;
	background-image:url(corps.png);
	background-repeat: repeat-y;
	background-position: center;
	margin-left: auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

Pour que mon site soit bien vu, il faudrait avoir width:858px; sauf que si je le met, et que je rajoute des padding left et right pour pas que le texte dépasse, la largeur du DIV s'augmente.

Comment ça se fait ?

Exemple :

http://www.seehy.fr/testcss/testcss.php?padding=50
et
http://www.seehy.fr/testcss/testcss.php
Vous pouvez voir la taille du DIV avec la bordure noir.

Merci !

[GihefBey]

Bonjour,

C'est normal. Ça marche comme ça.

Utilise plutôt des marges sur les blocs que tu places dedans.

Un exemple.


++
On peut faire plus concis

Code css :

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

1
2
3
4
5
6
7
#corps {
  border: 1px solid #000;
  text-decoration: none;
  background: url(corps.png) repeat-y center;
  margin: 0 auto;
  padding: 20px;
  }

-