Foros del Web » Creando para Internet » CSS »

Problemas con padding.

Estas en el tema de Problemas con padding. en el foro de CSS en Foros del Web. Tengo un problema, y es que tengo una capa que se me colapsa con la de la derecha, y veo que el problema esta en ...
  #1 (permalink)  
Antiguo 17/07/2007, 10:58
 
Fecha de Ingreso: mayo-2005
Mensajes: 103
Antigüedad: 12 años, 7 meses
Puntos: 1
Problemas con padding.

Tengo un problema, y es que tengo una capa que se me colapsa con la de la derecha, y veo que el problema esta en el atributo padding.

En IE se ve bien, pero en Firefox parece ser que se le suma el padding al ancho de la capa, hay alguna forma de dejar este margen sin que pase esto?

Un saludo.
  #2 (permalink)  
Antiguo 17/07/2007, 12:23
 
Fecha de Ingreso: febrero-2004
Ubicación: Resistencia - Argentina
Mensajes: 299
Antigüedad: 13 años, 9 meses
Puntos: 0
Re: Problemas con padding.

el problema es que firefox interpreta el padding de manera correcta, IE lo hace a su manera, pone esté codigo en tu hoja de estilos:

*{ -moz-box-sizing:border-box; box-sizing:border-box }
  #3 (permalink)  
Antiguo 19/07/2007, 17:54
 
Fecha de Ingreso: noviembre-2004
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 0
Re: Problemas con padding.

Roly podrias ser un poco más ilustrativo, Añadiendo ese código que posteas se arregla el problema de los paddings en el explorer?. Agradecería si explicases un poco más.

Saludos
  #4 (permalink)  
Antiguo 19/07/2007, 18:02
 
Fecha de Ingreso: junio-2002
Ubicación: Madrid, España
Mensajes: 22
Antigüedad: 15 años, 5 meses
Puntos: 2
Re: Problemas con padding.

¿Has probado a usar margin en vez de padding? (margin-right en la capa izquierda o margin-left en la derecha).

Un saludo,
Paco Blanchart
  #5 (permalink)  
Antiguo 19/07/2007, 23:04
Avatar de Jossephb  
Fecha de Ingreso: marzo-2007
Ubicación: Medellin
Mensajes: 24
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Problemas con padding.

Hola morphoide, tienes razon cuando dices "parece ser que se le suma el padding al ancho de la capa".

simplemente supongamos que el div completo mide 100px de ancho, restale el padding que le añadas tanto en izquierda como en derecha

Ejemplo:

#eldiv{
width: 65px;
padding-left: 20px;
padding-right: 15px;
}

Esto funciona tanto para IE como para firefox..
  #6 (permalink)  
Antiguo 20/07/2007, 08:43
 
Fecha de Ingreso: mayo-2005
Mensajes: 103
Antigüedad: 12 años, 7 meses
Puntos: 1
Re: Problemas con padding.

Con la primera respuesta se soluciona.

Por cierto jossephb, si el ancho es por ejemplo un tanto por ciento? ya esa solucion no valdria ;)

Un saludo y gracias.
  #7 (permalink)  
Antiguo 20/07/2007, 12:18
 
Fecha de Ingreso: febrero-2004
Ubicación: Resistencia - Argentina
Mensajes: 299
Antigüedad: 13 años, 9 meses
Puntos: 0
Re: Problemas con padding.

Perdon por no mas extenso con alguna explicación, aca les dejo una pagina donde explican el problema:
http://www.chuidiang.com/css/bloques...miento_css.php
esta en la seccion "Dar dimensiones a la caja"
  #8 (permalink)  
Antiguo 20/07/2007, 17:33
Avatar de Jossephb  
Fecha de Ingreso: marzo-2007
Ubicación: Medellin
Mensajes: 24
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Problemas con padding.

Claro morphoide que funciona de igual forma, simplemente cambia todas las medidas por %...
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 09:02.