Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/11/2010, 09:56
PrendekZ
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 5 meses
Puntos: 17
Respuesta: ¿Problema con Padding de CSS?

Cita:
Iniciado por reyvolsam Ver Mensaje
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!