Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/05/2013, 03:45
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: tablas y selectores en CSS responsive

Cita:
Iniciado por jurena Ver Mensaje
amigos,
soy nuevo en este foro.
Bienvenido al foro (?).

Hay varias opciones. Aunque lo más cool es hacer cosas como puedes ver en el blog de Chris Coyier.

Cosas más simples, aprovechando que las pantallas pequeñas suelen ser táctiles en las que no aparecen las barras de desplazamiento, también pueden hacerse. Algo muy básico sería hacer algo así:

Código HTML:
Ver original
  1. <div class="contenedor_tabla">
  2.   <table></table>
  3. </div>

Código CSS:
Ver original
  1. .contenedor_tabla {
  2.   width: 100%;
  3.   overflow-y: auto;
  4. }

Con esto haces que en el momento que la tabla sea más grande que su contenedor quede oculta pero aún pueda accederse haciendo scroll —deslizando el dedo en caso de pantallas táctiles— hacia los lados. Un ejemplo: http://www.maxdesign.com.au/jobs/exa...ble/index1.htm (obviamente hay que hacer el ancho del navegador más pequeño)

Siempre depende un poco de tu caso particular, pero por ahí van los tiros.