Bien estoy tratando de crear diseño de 3 columnas donde el contenido de la misma debe fluir de acuerdo a la resolución de la pantalla y deberá ajustarse para albergar la mayor columna de la pagina, donde todas deben de tener la misma altura,(imagino que es liquida).
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>
Si desean el css se los paso por si necesitan explicarme con mayor exactitud