Foros del Web » Creando para Internet » CSS »

¿Problema con Padding de CSS?

Estas en el tema de ¿Problema con Padding de CSS? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/11/2010, 10:50
 
Fecha de Ingreso: abril-2010
Mensajes: 62
Antigüedad: 7 años, 7 meses
Puntos: 3
Sonrisa ¿Problema con Padding de CSS?

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!!
  #2 (permalink)  
Antiguo 03/11/2010, 10:56
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
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!
  #3 (permalink)  
Antiguo 03/11/2010, 15:58
 
Fecha de Ingreso: agosto-2010
Mensajes: 156
Antigüedad: 7 años, 3 meses
Puntos: 1
Respuesta: ¿Problema con Padding de CSS?

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

Saludos
  #4 (permalink)  
Antiguo 03/11/2010, 19:52
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: ¿Problema con Padding de CSS?

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

Etiquetas: padding
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:11.