Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/01/2011, 01:48
Tarzan
 
Fecha de Ingreso: noviembre-2005
Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 18 años, 5 meses
Puntos: 1
Border: esa propiedad incomprendida entre los navegadores

Buenos días,


Me he tropezado con algunas cosillas interesantes respecto a las incompatibilidades entre Mozilla e IE8, (observé que hay un matiz con los bordes que difiere entre ambos navegadores).

Si yo tengo una capa con un ancho de 300 y un border de 15 pixeles, el IE, de cualquier versión (desde la 6 hasta la 8) mantiene que la capa es de 300 y coge los 15 pixeles hacia dentro.
Sin embargo, el Mozilla no!. Para Mozilla la capa tiene 315 pixeles, por lo que no me cabe y me la sitúa debajo.

¿Cómo lo defino entonces?

.capa_panel_central {
width:528px;
height:584px;
background-color:yellow;
border: 15px solid white;
float:left;
}

Esta clase me está creando problemas para maquetar la web porque, yo utilizo la propiedad border en muchos elementos: (botones, capas, etc) y no me da igual que lo pille con un ancho de 528 (Explorer) que con 543 pixeles, (Mozilla)

¿Cómo lo defino para que ocupe 528 con el margen de 15 píxeles?

Un saludo.