Pues supongo que en su momento me pareció una gran idea, pero efectivamente,
la altura del scrollerContent debería ir tb al 100%...
Parece que no es la solución idónea porque el overflow del header me permite
tres opciones: ocultar lo que se pase, mostrarlo (pero piero el scroll) o
sacar sus propio scroll.
¿Tal vez pasarlo a tablas?
gracias
On 5/5/06, Diego Martin <[EMAIL PROTECTED]> wrote:
>
> 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
>
_______________________________________________
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
