margen en un DIV

[manel2292]

Hola, tengo una página donde tengo

- DIV
- Imagen
- Tabla
- DIV
- DIV

en el css en body tengo: text-align:center;

el segundo DIV contiene el contenido principal, en su parte de CSS tengo puesto

margin: 0 auto;
width:900px;
padding-left:20px;
padding-right:20px;

el problema que tengo es que me hace esos 20px de margen por lado pero alargando el div hasta los 920px, queria saber como indicarle que coja 20px por banda de los 900 que doy de ancho al div¿

gracias.

[GAST0N]

deja el codigo e indica bien cual es tu problema para poder entenderte mejor..

[cristian_cena]

el ancho total de una caja css es la suma de margin+padding+width+border. Ejemplo: quieres una caja con 20px de cada lado de margen y que ocupe 100px entonces:

Código HTML:

<div>caja</div>
 

Código CSS:

div{magin:0 20px; width:60px;}
 

Espero te sirva. saludos

[venommist]

Estimado manel2292:
tal cual como indica cristian_cena, la solución es restar al width del div el padding total.

Por Ejemplo,

Código:

div{
width:600px;
padding-left:20px;
} 

si deseas que el total del width de div sean 600 tienes que restarle los 20px de padding-left, quedando así:

Código:

div{
width:580px; /* restandole los 20px del padding-left */
padding-left:20px;
} 

Cualquier duda me envías un mp.

Saludos!

P.D: Lo otro, agrégale al css *{margin:0px; padding:0px;} así te soluciona los márgenes erróneos de todos los navegadores.