Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/04/2013, 04:51
benitopro
 
Fecha de Ingreso: marzo-2013
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 0
Pregunta Tabla con título fijo

Hola a todos otra vez, he conseguido crear lo que tenía en mente (un calendario a medida), pero ahora necesito cambiar algún "detalle". Un detalle es mantener los meses fijos en el scroll vertical, pero que en el horizontal continúe como debe ser.

Lo que querría que se mantenga lo marrón (th), como aquí, he probado a poner la posición absoluta, pero me superpone todos los meses en uno... la cosa es que los meses tienen que ir dentro pero fuera... ¿se os ocurre algo? he usado como "guia" este ejemplo: http://www.cssplay.co.uk/menu/tablescroll el método 1. (La imagen de abajo es lo que tengo y cuando bajo el scroll desaparecen los marrones, en vez de quedarse)


El código que tengo es este:

JSP
Código HTML:
Ver original
  1. <div class="calendario">                 
  2.     <div class="outer">
  3.         <div class="innera">
  4.             <table id="tablaResultadoCalendario">
  5.         </table>
  6.       </div>
  7.     </div>
  8. </div>


Código CSS:
Ver original
  1. .outer {position:relative;padding:4em 0 3em 0;height:550px;width:900px;}
  2. .innera {overflow:scroll;width:900px;height:550px;}
  3.  
  4. .outer thead tr {top:1.5em;height:1.5em;left:0;}
  5.  
  6. .outer th, .outer td {width:78px;text-align:center;display: table-cell;vertical-align: inherit;}
  7. .outer th {background:#724a10;color:#fff;}

Gracias de antemano y si no me he explicado bien me comentaís.
Saludos!!