Duda pie de página en el ejemplo con divs

Muy buenas,
en la capa pie tenemos tres subcapas: pieuno, piedos y pietres. Al retocar la capa pietres(ponerle el borde izquierdo), se me mueve a la izquierda, y se coloca justo debajo de la capa pieuno. Si no modifico los bordes, se colocan las tres consecutivas. Si uso float:right y modifico el borde en la capa pietres, se pega a la derecha pero se queda por debajo de las otras dos capas. ¿A qué puede deberse? Muchas gracias y magníficos tutoriales!!

Hola:

Eso es porque el borde también ocupa espacio. O sea, si tu le das un ancho fijo a todas las div (de 500px, por ejemplo) y luego le añades un borde de 1px (border-right: 1px solid black) la capa no tendrá 500px de ancho, sino 501px.

Solución: quítale 1px de ancho a la capa a la que le agregas el borde y debería arreglarse.

Nota: si le das la propiedad border: 1px solid black; significa que tienes que quitarle 2 pixeles de ancho a la capa (el borde izquierdo y el derecho). En el fondo, tienes que restar los pixeles de los bordes al ancho de la capa. Lo mismo para el alto de las mismas: el borde también utiliza espacio.

Saludos.

Gracias era eso. Perfect[:D]

gracias esto fue increíble, sólo nos encantó :)