Una pregunta, para qué le pones al body 100% de altura y lo reemplazas
por un div al 99%.
On 5/5/06, Elena Salas <[EMAIL PROTECTED]> wrote:
> Hola, bueno, disculpas por el mail anterior, parece ser que lo he enviado
> antes de terminar de contar el problema...
>
> estoy maquetando las páginas de una aplicación que consta de cabecera y
> cuerpo de página.
> En la cabecera va el tit ular de la sección, de longitud variable ya que lo
> introduce el usuario, y la botonadura.
> El cuerpo de página puede ser muy extenso, por lo que la idea es que tenga
> un scroll vertical, permaneciendo fija la cabecera (por lo que desaparece el
> scroll de la pagina).
> La altura se asigna a cada una de las secciones de forma porcentual. El
> problema viene cuando la cabecera sobrepasa la altura asignada. Al tener
> asignado un estilo "overflow:visible" se ve perfectamente, pero el <div>
> inferior, correspondiente al cuerpo de página, mantiene su altura con lo que
> la parte inferior del scroll se oculta. Bueno, hay que decir que esto sólo
> ocurre en el IE, porque en el FF va perfectamente.
> ¿Se os ocurre algo?
> Gracias...
>
>
> La maquetación básica de este planteamiento es la siguiente:
>
> *respecto a los estilos:*
>
> <style>
> body{height:100%;padding:0;margin:0;}
> /*capa que contiene tanto la cabecera como el cuerpo*/
>
>
> .scrollerContent{background-color:#ff0000;height:99%;width:99%;position:absolute;}
>
> /*capa del cuerpo de pagina*/
>
> .dsScrollerContent{width:99%;height:80%;overflow:auto;background-color:#0000ff;}
>
> /*capa de la cabecera*/
> .header{height:20%;overflow:visible;}
> </style>
>
> *respecto al html:*
>
> <body scroll="no">
>
> <div class="scrollerContent">
> <div class="header">
> <table cellpadding="0" cellspacing="0" border="1" width="100%">
> <colgroup width="50%"></colgroup><colgroup width="50%"></colgroup>
> <tr>
> <td>cabecera1</td>
> <td>cabecera2</td>
> </tr>
> </table>
> <p>afasdfas</p>
> <p>asfdasfas</p>
> <p>asfasfda</p>
> <p>asfdasdf</p>
> <p>asfd</p>
> </div>
> <div class="dsScrollerContent">
> <table cellpadding="0" cellspacing="0" border="1" width="100%">
> <colgroup width="50%"></colgroup><colgroup width="50%"></colgroup>
> <tr>
> <td>sgsgsgs</td>
> <td>afafa</td>
> </tr>
> </table>
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br
> />afasfasf<br />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br
> />afasfasf<br />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br
> />afasfasf<br />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br
> />afasfasf<br />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />
> afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br />afasfasf<br
> />afasfasf<br />afasfasf<br /> afasfasf<br /> afasfasf<br /> afasfasf<br
> />afasfasf<br />afasfasf<br />
> </div>
> </div>
> </body>
> _______________________________________________
> 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://ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
