Tabla de estilo collapse con extraño comportamiento

Iniciado por t4r0x, 10 Septiembre 2015, 04:16 AM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

t4r0x

10 Septiembre 2015, 04:16 AM Ultima modificación: 12 Septiembre 2015, 13:07 PM por #!drvy
Bueno no sé si es extraño pero tengo una tabla con varias celdas y al veces las lineas de las filas no aparecen entre medio de ellas como esta imagen.


porque pasa y como puedo solucionarlo? el codigo:
Código (html4strict) [Seleccionar]


<style>
   body
   {
       height: 100%;
       margin: 0px;
       padding: 0px;
   }

   table, th, td {
       border: 1px solid black;
       border-collapse: collapse;
   }
   
   .table-info
   {
       border-spacing: 0px;
   }
   
</style>

<body>
   <table class='table-info'>
       <tr>
           <th style='width:100px'>colum1</th>
           <th style='width:100px'>colum2</th>
           <th style='width:100px'>colum3</th>
           <th style='width:100px'>colum4</th>
           <th style='width:100px'>colum5</th>
           <th style='width:100px'>colum6</th>
       </tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
       <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
   </table>
</body>

ivancea96

#1
10 Septiembre 2015, 22:21 PM
Si haces zoom a la web, sigue ocurriendo?

#!drvy

#2
12 Septiembre 2015, 13:09 PM
Efectivamente, debe ser por zoom o fallo de rendering. El código lo tienes bien.

Saludos
Imprimir
Ir Arriba Páginas1
Acciones del Usuario