Problemas con padding.

[morphoide]

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.

[Roly]

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 }

[nick77]

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

[blanchrt]

¿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

[Jossephb]

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..

[morphoide]

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.

[Roly]

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"

[Jossephb]

Claro morphoide que funciona de igual forma, simplemente cambia todas las medidas por %...