Border: esa propiedad incomprendida entre los navegadores

[Tarzan]

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.

[maycolalvarez]

eso se debe a que IE está funcionado en modo quirks, debes de usar un DOCTYPE correspondiente para garantizar el máximo de compatibilidad entre navegadores y asegurar que los mismos actúen bajo modo estándar, que aunque tengan diferencias suelen ser menos drásticas en el box model

[Tarzan]

Por favor maycolalvarez,

¿Puedes decirme qué DOCTYPE puedo usar para garantizar el máximo posible de compatibilidad entre IE, Mozilla, Chrome, etc?

En la medida de lo posible, claro está. La verdad es que el modelo este de cajas me lleva de cabeza.

Un saludo.