¿Problema con Padding de CSS?

[reyvolsam]

Hola amigo, espero me puedan ayudar con esta duda...

Bueno mi problema es cuando uso el Padding en un div.

Al div le pongo un tamañopor ejemplo, el un div llamado box:

#box{
width: 200px;
height: 200px;
}

Y hasta hay todo bien...pero cuando agrego un Padding, por ejemplo:

#box{
width: 200px;
height: 200px;
padding: 5px 5px 5px 5px;
}

Ahora el tamaño del cuadro ya no es de 200px como le puse, ahora seria de 205px, y eso es lo que no quiero, solo quiero que el padding se haga pero que no afecte el tamaño del div.

Ese es mi problema, no se por que me pasa, o es por que asi funciona el pading, pero si me gustaria obtener una respuesta sobre esto.

Saludos!!

[PrendekZ]

Iniciado por reyvolsam

Hola amigo, espero me puedan ayudar con esta duda...

Bueno mi problema es cuando uso el Padding en un div.

Al div le pongo un tamañopor ejemplo, el un div llamado box:

#box{
width: 200px;
height: 200px;
}

Y hasta hay todo bien...pero cuando agrego un Padding, por ejemplo:

#box{
width: 200px;
height: 200px;
padding: 5px 5px 5px 5px;
}

Ahora el tamaño del cuadro ya no es de 200px como le puse, ahora seria de 205px, y eso es lo que no quiero, solo quiero que el padding se haga pero que no afecte el tamaño del div.

Ese es mi problema, no se por que me pasa, o es por que asi funciona el pading, pero si me gustaria obtener una respuesta sobre esto.

Saludos!!

Siempre sucedera esto ya que el padding es por decir una suma al width o height.

y te digo algo, ya no sería de 205px, sería de 210px ¿Porque?

Porque si tienes 200px y le sumas a la izquierda 5px y a la derecha 5px serían 210px.

La solución para esto sería:

#box{
width:190px;
height:190px;
padding:5px;
}

Cuando todos los valores de padding son iguales, como en tu caso que son 5px con un solo valor basta!

Saludos!

[rodomiro]

es mejor no darle padding o margin a la div.. si no al elemento que hay dentro del div.

Saludos

[PrendekZ]

Iniciado por rodomiro

es mejor no darle padding o margin a la div.. si no al elemento que hay dentro del div.

Saludos

¿Quién te dice esa mentira?

En realidad si tienes un contenido extremadamente grande con: Texto + imágenes + Listados, o lo que se te pueda ocurrir, tienes que darle margin a cada item agregado.

Con el padding al solo el contenedor se hace la magen al sitio y queda todo bien y menos código.

Saludos!