Tamaños no reales con css

[micayael]

Hola amigos.

Tengo algo que me esta compiendo la cabeza.

según desarrolloweb.com , tutorial de maquetacion en tres columnas, si se fijan tiene un contenedor y dentro una cabecera, cuerpo y pie.

Dentro del cuerpo tres columnas, lateral, principal y otrolado.

La capa contenedor tiene un ancho de 770px.
Ahora las capas de adentro.
lateral tiene 160px
otrolado tiene 120px
entre la principal y lateral, y, entre principal y otro lado hay 10 px de diferencia.
Y ponen a la capa principal 460px, según explican es porque es lo que sobra pero realmente lo que sobra es 470px. y si le pongo 470px la capa baja.

Las medidas no son reales?

Por otro lado.

El orden de las capas en forma visual es primero lateral, cuerpo y otrolado
ahi lo usan lateral, otrolado y cuerpo. Yo trato de poner como se ve visualmente y no sale igual. Que dificil es la vida con el CSS!!!!!

[KnowDemon]

No es para nada difícil, pero eso si... sin ofender a nadie. Busca un mejor tutorial :oP

Ahora si. Asumiendo que usamos un navegador que muestra las cosas correctamente te diré:

El ancho de un elemento en bloque es la suma de width + padding + ancho del borde. Y no solo el width.

Entonces no dudo que los "pixeles perdidos" se deban al padding de "principal" (echandole una ojeada rápida a la hoja de estilos).

¡Saludos!

P.D: Por cierto, el tutorial tiene una sintaxis incorrecta, puesto que no especifica las unidades para el padding. Escribe algo como: "padding 4 4 4 4px" Pero debería ser: "padding: 4px 4px 4px 4px", Que se puede condensar en: "padding: 4px"