Cada columna se ubica de forma absoluta (en relación al div que la contiene) salvo la de contenido que sera estatica.
La duda es la siguiente, según el libro hay dos métodos para hacer esto: Porcentaje de la altura y la altura y la altura implícita mediante las propiedades de desplazamiento top, botton.
Porcentual su altura es relativa a la del elemento que la contiene y posteriormente se le aplican los margenes, bordes y espacio de rellenos.
Con la segunda opción (propiedades de desplazamiento) la altura que se obtiene es la resultante tras aplicar los margenes los bordes y espacio de relleno:
¿cuál es el metodo es el mas recomendado, por que y sus diferencias? seguro que con las explicaciones que ustedes me den mas las del libro estaré mas que satisfecho.
Código HTML:
<body> <div id='encabezamiento'> <h1>Encabezamiento</h1> </div> <div id='contenedor'> <div id='primera-columna'> Texto en la primera columna. </div> <div id='contenido'> Texto en la columna de contenido. </div> <div id='tercera-columna'> Texto en la tercera columna. </div> </div> <div id='pie'> <h6>Pie</h6> </div>