Hola, holaaaaaaaa:
Me sumo a la lista de consejos basados en la experiencia (que no por ello
deja de ser humilde). HTML es una especie de "elástico flexible" dentro del
que ponemos objetos que los "estiran". No recomiendo usar una tabla para
controlar un overflow, porque las tablas no reaccionan bien. Lo mejor es
forzar el overflow dentro de una capa. A veces, es mejor hablar de *
contenedores*, ya que se facilita la comprensión de esa elasticidad que he
citado. Mesplico.
Esto centrará en función de... o relativo a... el contenedor externo, que
puede ser body u otro sub-contenedor:
<table align="center"...
<div style="text-align:center"...
Con overflow pasa algo similar. Necesitamos tamaño y tipo de desbordamiento
(scroll) para indicar a HTML cómo actuar si el texto rebasa los límites
marcados, pero esto afectará a lo relativo a... el contenedor externo. Así
que nos obliga a definir estos parámetros y a que el contenedor que se
inflexibiliza permita hacer rígida su contención, valga la lista de
palabros. [[[ ¡Madre mía que día llevo! ]]]
Yo suelo usar esto:
<contenedor-externo width="100%">
<contenedor-interno align="center" width="*x*%">
...contenidos
</contenedor-interno>
</contenedor-externo>
Para hacer un overflow, directamente uso una capa en la que meto aquello
cuyo desbordamiento quiero controlar. Prueba esto que espero ayude a
entender un poco mejor el overflow por los colores rojo y amarillo que he
usado.
<table *id="contenedor-externo"* width="100%" align="center"
bgcolor="#FFFF00"><tbody><tr><td align="center">
*<div id="contenedor-restrictor-por-tamaño-y-overflow"
style="width:150px; height:150px; overflow:scroll;">*
<table *id="contenidor-truncado-al-rebasar-límites"* width="100%"
align="center" bgcolor="#F00"><tbody><tr><td align="center">
before image <img src="www.dominio.com/imagen.jpg" width="500"
height="500"> after image
</td></tr></tbody></table>
*</div>*
</td></tr></tbody></table>
Espero haber aportado un poco más de claridad. ¡Chau!... Saluditos para
todos.
2012/4/19 Olivier Blázquez <obe...@gmail.com>
> 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
