Modelo de cajas en CSS (2)

El Modelo Correcto

Cada bloque está formado por varias partes. Si imaginamos que cada bloque es como un cuadro colgado en una pared, los elementos se verían así:

• El contenido, es obviamente lo que contiene el bloque, sea texto, imagenes u otros bloques.
• Width se refiere al ancho del contenido, height al alto
• Padding es el espacio que hay entre el contenido y la orilla del bloque.
• Border es el borde de la imagen.
• Margin es el espacio entre un elemento y los elementos adyacentes.

Pero la cosa, por supuesto, no puede ser tan sencilla...

El modelo según Bill Gates y co.

El W3C es el organismo encargado de definir los estándares que se usan en el internet. Esto asegura que si una página se adhiere a estos estándares, podrá ser leido por cualquier navegador en cualquier plataforma. Sin embargo, Microsoft, no respeta por completo los estándares para el modelo de cajas de la W3C en muchas de las versiones de Internet Explorer. En vez de ello, interpreta las cajas de esta manera:

Usuarios que han visto este tema también han visto...

- Página HMTL centrada horizontal y verticalmente con CSS
- Insertar una imagen de fondo en un TEXTAREA
- CSS y las tablas
- Separar HTML de CSS.
- Cómo cambiar la apariencia de un botón en CSS

- Versión imprimible de este documento
- Enviar por e-mail este documento