Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2016, 09:55
peperafa
 
Fecha de Ingreso: diciembre-2015
Mensajes: 45
Antigüedad: 8 años, 11 meses
Puntos: 3
Sonrisa Tabla Fixed con Scroll en ie

Buenas,

Quiero lograr esto en internet explorer por lo menos en el 8, ¿soluciones?

Código CSS:
Ver original
  1. .container{
  2.     background-color: skyblue;
  3.     position: relative;  
  4.     width: 500px;
  5.     height: 1000px;
  6. }
  7.   table{
  8.     background-color:lime;
  9.     font-size: 1.2em;
  10.     position:fixed;
  11.     display:block;
  12.     float:right;
  13.     margin: 1em;
  14.     width:300px;
  15.     max-width:500px;
  16.     border:3px solid;
  17.   height: 150px;
  18.   overflow: scroll;
  19.     }
  20. .contTable{
  21.   position: relative;
  22.   max-height: 200px;
  23. }

Código HTML:
Ver original
  1. <div class='container'>
  2.   <div class='contTable'>
  3.   <table>
  4.     <thead>
  5.         <tr>
  6.             <th><p>Columna1</p></th>
  7.             <th><p>Columna2</p></th>
  8.             <th><p>Columna3</p></th>
  9.             <th><p>Columna4</p></th>
  10.       </tr>
  11.   </thead>
  12.   <tbody>
  13.     <tr>
  14.             <td><p>contenido1</p></td>
  15.             <td><p>contenido2</p></td>
  16.             <td><p>contenido3</p></td>
  17.             <td><p>contenido4</p></td>
  18.         </tr>
  19.     <tr>
  20.             <td><p>contenido1</p></td>
  21.             <td><p>contenido2</p></td>
  22.             <td><p>contenido3</p></td>
  23.             <td><p>contenido4</p></td>
  24.         </tr>
  25.     <tr>
  26.             <td><p>contenido1</p></td>
  27.             <td><p>contenido2</p></td>
  28.             <td><p>contenido3</p></td>
  29.             <td><p>contenido4</p></td>
  30.         </tr>
  31.     <tr>
  32.             <td><p>contenido1</p></td>
  33.             <td><p>contenido2</p></td>
  34.             <td><p>contenido3</p></td>
  35.             <td><p>contenido4</p></td>
  36.         </tr>
  37.     <tr>
  38.             <td><p>contenido1</p></td>
  39.             <td><p>contenido2</p></td>
  40.             <td><p>contenido3</p></td>
  41.             <td><p>contenido4</p></td>
  42.         </tr>
  43.     <tr>
  44.             <td><p>contenido1</p></td>
  45.             <td><p>contenido2</p></td>
  46.             <td><p>contenido3</p></td>
  47.             <td><p>contenido4</p></td>
  48.         </tr>
  49.     </tbody>
  50.   </table>
  51.   <div>
  52. </div>

Gracias por anticipado!