Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: t4r0x en 10 Septiembre 2015, 04:16 am


Título: Tabla de estilo collapse con extraño comportamiento
Publicado por: t4r0x en 10 Septiembre 2015, 04:16 am
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.
(http://s28.postimg.org/dlm3k63zh/Untitled.png)

porque pasa y como puedo solucionarlo? el codigo:
Código
  1.  
  3.     body
  4.     {
  5.         height: 100%;
  6.         margin: 0px;
  7.         padding: 0px;
  8.     }
  9.  
  10.     table, th, td {
  11.         border: 1px solid black;
  12.         border-collapse: collapse;
  13.     }
  14.  
  15.     .table-info
  16.     {
  17.         border-spacing: 0px;
  18.     }
  19.  
  21.  
  23.     <table class='table-info'>
  24.         <tr>
  25.             <th style='width:100px'>colum1</th>
  26.             <th style='width:100px'>colum2</th>
  27.             <th style='width:100px'>colum3</th>
  28.             <th style='width:100px'>colum4</th>
  29.             <th style='width:100px'>colum5</th>
  30.             <th style='width:100px'>colum6</th>
  31.         </tr>
  32.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  33.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  34.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  35.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  36.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  37.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  38.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  39.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  40.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  41.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  42.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  43.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  44.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  45.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  46.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  47.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  48.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  49.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  50.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  51.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  52.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  53.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  54.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  55.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  56.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  57.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  58.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  59.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  60.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  61.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  62.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  63.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  64.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  65.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  66.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  67.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  68.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  69.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  70.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  71.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  72.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  73.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  74.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  75.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  76.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  77.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  78.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  79.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  80.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  81.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  82.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  83.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  84.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  85.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  86.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  87.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  88.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  89.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  90.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  91.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  92.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  93.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  94.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  95.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  96.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  97.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  98.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  99.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  100.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  101.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  102.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  103.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  104.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  105.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  106.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  107.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  108.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  109.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  110.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  111.         <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  112.     </table>
  113. </body>

Título: Re: Tabla de estilo collapse con extraño comportamiento
Publicado por: ivancea96 en 10 Septiembre 2015, 22:21 pm
Si haces zoom a la web, sigue ocurriendo?

Título: Re: Tabla de estilo collapse con extraño comportamiento
Publicado por: #!drvy en 12 Septiembre 2015, 13:09 pm
Efectivamente, debe ser por zoom o fallo de rendering. El código lo tienes bien.

Saludos


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines