Re: [Ovillo] OVERFLOW en tabla

2012-04-20 Por tema Beatriz Herráez Rodríguez
Hola a tod@s

Hay una manera de hacer una tabla con scroll vertical, con una altura fija
y posicionando de manera absoluta el tr del thead y del tfooter. El ejemplo
en cssPlay:

http://www.cssplay.co.uk/menu/tablescroll.html

Lo bueno es que no tienes que poner otra tabla dentro de un td, y mantienes
la relación de las columnas entre la cabecera, el pié y el contenido.

Un saludo

El 20 de abril de 2012 10:51, Roberto Barreiro escribió:

> Gracias a todos por las respuestas .. lo pruebo a ver como lo soluciono
>  ya les contare el resultado
> Salu2
>
> El 19 de abril de 2012 16:50, Olivier Blázquez 
> escribió:
>
> > Hola,
> >
> > A ver si te sirve esto:
> >
> > 
> >
> > Un saludo
> >
> > El 19 de abril de 2012 16:49, Josué Miro  escribió:
> >
> > > Hace muy poco tuve que hacer exactamente lo mismo, mezclar tablas y
> Divs
> > > :s (el principal problema es que hagas como lo hagas, lo mas probable
> es
> > > que no se vea bien en nuestro querido amigo explorer)
> > > Lo que yo hice fue: en vez de usar tablas, utilizar div.
> > > 1div cabecera
> > > 1div cuerpo(overflow:scrol o autol)
> > >
> > > 
> > >   
> > >   
> > >   
> > > 
> > > 
> > >   
> > >   
> > >   
> > > 
> > >
> > > De esta manera puedes darle con css las dimensiones que le estabas
> dando
> > a
> > > los td y tr
> > >
> > > Espero haber transmitido la idea. Y que te sea util
> > > Enviado desde mi iPad
> > >
> > > El 19/04/2012, a las 16:23, Daniel B 
> escribió:
> > >
> > > > Me temo que en CSS no hay nada así. Por eso existen estas soluciones:
> > > >
> > > > http://www.imaputz.com/cssStuff/bigFourVersion.html
> > > >
> > > > Espero que te sirva.
> > > >
> > > > El 19 de abril de 2012 15:59, Roberto Barreiro  > > >escribió:
> > > >
> > > >> Hola.
> > > >>
> > > >> Funcionar, funciona, pero el scroll se hace sobre el div y no sobre
> la
> > > >> tabla ..., al hacer el scroll se pierde la cabecera de la tabla
> .
> > y
> > > no
> > > >> encuentro la forma de hacer el scroll sobre la parte de la tabla que
> > > >> contiene los datos 
> > > >>
> > > >> Como no pueda solucionar esto, tendre que crear divs y maquetarlo de
> > esa
> > > >> forma  lo unico que son datos tabulares y ponerlos en divs no es
> > > >> correcto ...
> > > >>
> > > >> La verdad es que me extraña que no haya una propiedad css para hacer
> > > scroll
> > > >> dentro de una tabla, manteniendo el footer y el header .. algun
> > > >> javascritp que funcione bien en los principales navegadores???
> > > >>
> > > >> salu2
> > > >>
> > > >>
> > > >> El 19 de abril de 2012 15:36, Jorge G  escribió:
> > > >>
> > > >>> Hola,
> > > >>> Pon la tabla dentro de un div y define el height, width que
> necesitas
> > > >>> y el overflow en scroll.
> > > >>> Suerte.
> > > >>> 
> > > >>>  > > >>> style="overflow: scroll; height:150px;" >
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>> 
> > > >>> Descripción
> > > >>> Cant.
> > > >>> P.V.P
> > > >>> 
> > > >>>
> > > >>> 
> > > >>> 
> > > >>> 
> > > >>>
> > > >> ___
> > > >> 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
> > > >>
> > > > ___
> > > > 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
> > > ___
> > > 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
> > >
> > ___
> > 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
> >
> ___
> 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
>
___
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


Re: [Ovillo] OVERFLOW en tabla

2012-04-20 Por tema Roberto Barreiro
Gracias a todos por las respuestas .. lo pruebo a ver como lo soluciono
 ya les contare el resultado
Salu2

El 19 de abril de 2012 16:50, Olivier Blázquez  escribió:

> Hola,
>
> A ver si te sirve esto:
>
> 
>
> Un saludo
>
> El 19 de abril de 2012 16:49, Josué Miro  escribió:
>
> > Hace muy poco tuve que hacer exactamente lo mismo, mezclar tablas y Divs
> > :s (el principal problema es que hagas como lo hagas, lo mas probable es
> > que no se vea bien en nuestro querido amigo explorer)
> > Lo que yo hice fue: en vez de usar tablas, utilizar div.
> > 1div cabecera
> > 1div cuerpo(overflow:scrol o autol)
> >
> > 
> >   
> >   
> >   
> > 
> > 
> >   
> >   
> >   
> > 
> >
> > De esta manera puedes darle con css las dimensiones que le estabas dando
> a
> > los td y tr
> >
> > Espero haber transmitido la idea. Y que te sea util
> > Enviado desde mi iPad
> >
> > El 19/04/2012, a las 16:23, Daniel B  escribió:
> >
> > > Me temo que en CSS no hay nada así. Por eso existen estas soluciones:
> > >
> > > http://www.imaputz.com/cssStuff/bigFourVersion.html
> > >
> > > Espero que te sirva.
> > >
> > > El 19 de abril de 2012 15:59, Roberto Barreiro  > >escribió:
> > >
> > >> Hola.
> > >>
> > >> Funcionar, funciona, pero el scroll se hace sobre el div y no sobre la
> > >> tabla ..., al hacer el scroll se pierde la cabecera de la tabla .
> y
> > no
> > >> encuentro la forma de hacer el scroll sobre la parte de la tabla que
> > >> contiene los datos 
> > >>
> > >> Como no pueda solucionar esto, tendre que crear divs y maquetarlo de
> esa
> > >> forma  lo unico que son datos tabulares y ponerlos en divs no es
> > >> correcto ...
> > >>
> > >> La verdad es que me extraña que no haya una propiedad css para hacer
> > scroll
> > >> dentro de una tabla, manteniendo el footer y el header .. algun
> > >> javascritp que funcione bien en los principales navegadores???
> > >>
> > >> salu2
> > >>
> > >>
> > >> El 19 de abril de 2012 15:36, Jorge G  escribió:
> > >>
> > >>> Hola,
> > >>> Pon la tabla dentro de un div y define el height, width que necesitas
> > >>> y el overflow en scroll.
> > >>> Suerte.
> > >>> 
> > >>>  > >>> style="overflow: scroll; height:150px;" >
> > >>> 
> > >>>
> > >>> 
> > >>>
> > >>> 
> > >>>
> > >>> 
> > >>>
> > >>> 
> > >>> 
> > >>> Descripción
> > >>> Cant.
> > >>> P.V.P
> > >>> 
> > >>>
> > >>> 
> > >>> 
> > >>> 
> > >>>
> > >> ___
> > >> 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
> > >>
> > > ___
> > > 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
> > ___
> > 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
> >
> ___
> 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
>
___
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