Tengo claro el modelo de interpretación de cajas de IE y Firefox. Sabemos que IE 5.x interpreta el width como la suma del padding + width y Firefox lo hace correctamente. Tengo IE 6 y Firefox 1.04 asi que en ningún navegador debería haber problemas.
Aca viene el dilema:
Supongamos que tengo una capa con estos estilos:
div {
width: 100%;
padding: 30px;
}
Cuando se muestra en la página, realmente no ocupa el 100% de la ventana; ocupa el 100% + 30px.Esto para mi significa que el padding es un fraude. Se supone que el padding debería aplicarse hacia adentro, no hacia afuera. Mi lógica me dice que el padding no debería afectar el ancho de un elemento.
¿Cómo se resuelve esto?... ¿qué formas hay de aplicar el padding sin que afecte el width?
He probado con tablas, y el problema persiste. El mayor detalle es que quiero que el contenido de mi web ocupe el 100% del ancho de la ventana, no quiero trabajar con pixeles para darle mayor libertad al visitante.
Gracias de antemano!
