Hola Ignacio.
On 11/6/06, Ignacio Fortea <[EMAIL PROTECTED]> wrote:
>
> Tengo una pagina con una capa contenedor que se extiende el 100% de la
> altura del body. Mi problema esta con una de las capas contenidas
> id="cont_seccion", ya que quiero extenderla todo lo posible que le
> permitan
> el resto de capas, hasta ocupar el 100% como mínimo.
> Os muestro mi codigo resumido:
>
<div id="contenedor">
> <div id="cabecera"></div>
> <div id="nav_principal"></div>
> <div id="titulo_pagina"></div>
> <div id="cont_seccion">
> ...
> </div>
> <div id="pie"></div>
> </div>
>
> html {
> height: 100%;
> }
> body {
> height: 100%
> }
> #contenedor {
> min-height: 100%;
> }
> #cabecera {
> height: 66px;
> }
> #titulo_pagina {
> background-color: #003366;
> color: #ffffff;
> font-weight: bold;
> width: 98%;
> height: 1.8em;
> margin: 4em auto 2em auto;
> line-height: 1.7em;
> text-indent: 20px;
> }
> #cont_seccion {
> min-height: 95%;
> }
>
> El pie no tiene ningun parametro de altura. ¿Por qué no funciona?
> Siguiendo
> la lógica para que #contenedor se expanda, #cont_seccion también debería
> hacerlo.
Lo malo es que no siempre se puede seguir nuestra lógica. Si echamos un
vistazo a la especificación nos encontramos, en la sección dedicada al
cálculo de la altura cuando esta es especificada como 'min-height' en
porcentaje [1] que:
<<
<percentage>
Specifies a percentage for determining the used value. The percentage is
calculated with respect to the height of the generated box's containing
block. If the height of the containing block is not specified explicitly (
i.e., it depends on content height), and this element is not absolutely
positioned, the percentage value is treated as '0' (for 'min-height') or
'none' (for 'max-height').
>>
Resumiendo y para lo que nos interesa aquí viene a decir que cuando se
expresa una altura mediante porcentaje en su atributo 'min-height' este será
calculado a partir de la altura del padre, siempre y cuando esta altura sea
conocida -ya sea porque esta especificada en longitud o porque puede ser
calculada a partir de su padre-; y que en caso de que ___la altura del padre
dependa de la altura del contenido___ el valor para este 'min-height' será
de '0', que es tanto como decir que no produce ningún efecto.
Evidentemente, la altura del padre '#contenedor' ___depende del
contenido___, ya que si su contenido supera su altura mínima tendrá que
ajustarse a él ampliándose en vertical. A partir de aquí es fácil deducir
por qué '#cont-seccion' no tiene en cuenta el '95%' que le aplicas en
'min-height', y todo lo que arrastre este comportamiento.
Un saludo.
Un saludo,
David Merino Ogando
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
