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 obe...@gmail.com escribió:

 Hola,

 A ver si te sirve esto:

 tbody id='tbdetalle' style=overflow: scroll; height: 230px; width: 200px;
 float: left;

 Un saludo

 El 19 de abril de 2012 16:49, Josué Miro josuem...@gmail.com 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)
 
  div class=fila-tr
div class=celda-td/div
div class=celda-td/div
div class=celda-td/div
  /div
  div class=fila-tr
div class=celda-td/div
div class=celda-td/div
div class=celda-td/div
  /div
 
  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 forosenla...@gmail.com 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 rpbarre...@gmail.com
  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 yeik...@gmail.com escribió:
  
   Hola,
   Pon la tabla dentro de un div y define el height, width que necesitas
   y el overflow en scroll.
   Suerte.
   div style=overflow: scroll; height:150px;
   table id='tdetalle' summary='Detalle del pedido para la mesa'
   style=overflow: scroll; height:150px; 
   thead
  
   /thead
  
   tfoot
  
   /tfoot
  
   tbody id='tbdetalle' 
   tr
   td width='55%'Descripción/th
   td width='10%'Cant./th
   td width='10%'P.V.P/th
   /tr
  
   /tbody
   /table
   /div
  
   ___
   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 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 rpbarre...@gmail.comescribió:

 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 obe...@gmail.com
 escribió:

  Hola,
 
  A ver si te sirve esto:
 
  tbody id='tbdetalle' style=overflow: scroll; height: 230px; width:
 200px;
  float: left;
 
  Un saludo
 
  El 19 de abril de 2012 16:49, Josué Miro josuem...@gmail.com 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)
  
   div class=fila-tr
 div class=celda-td/div
 div class=celda-td/div
 div class=celda-td/div
   /div
   div class=fila-tr
 div class=celda-td/div
 div class=celda-td/div
 div class=celda-td/div
   /div
  
   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 forosenla...@gmail.com
 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 rpbarre...@gmail.com
   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 yeik...@gmail.com escribió:
   
Hola,
Pon la tabla dentro de un div y define el height, width que
 necesitas
y el overflow en scroll.
Suerte.
div style=overflow: scroll; height:150px;
table id='tdetalle' summary='Detalle del pedido para la mesa'
style=overflow: scroll; height:150px; 
thead
   
/thead
   
tfoot
   
/tfoot
   
tbody id='tbdetalle' 
tr
td width='55%'Descripción/th
td width='10%'Cant./th
td width='10%'P.V.P/th
/tr
   
/tbody
/table
/div
   
___
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