elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Tabla de estilo collapse con extraño comportamiento
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Tabla de estilo collapse con extraño comportamiento  (Leído 1,496 veces)
t4r0x

Desconectado Desconectado

Mensajes: 92



Ver Perfil
Tabla de estilo collapse con extraño comportamiento
« 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.


porque pasa y como puedo solucionarlo? el codigo:
Código
  1.  
  2.    body
  3.    {
  4.        height: 100%;
  5.        margin: 0px;
  6.        padding: 0px;
  7.    }
  8.  
  9.    table, th, td {
  10.        border: 1px solid black;
  11.        border-collapse: collapse;
  12.    }
  13.  
  14.    .table-info
  15.    {
  16.        border-spacing: 0px;
  17.    }
  18.  
  19.  
  20.    <table class='table-info'>
  21.        <tr>
  22.            <th style='width:100px'>colum1</th>
  23.            <th style='width:100px'>colum2</th>
  24.            <th style='width:100px'>colum3</th>
  25.            <th style='width:100px'>colum4</th>
  26.            <th style='width:100px'>colum5</th>
  27.            <th style='width:100px'>colum6</th>
  28.        </tr>
  29.        <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  30.        <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></tr>
  31.        <tr><td>Value1</td><td>Value2</td><td>Value3</td><td>Value4</td><td>Value5</td><td>Value6</td></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.    </table>
  110. </body>


« Última modificación: 12 Septiembre 2015, 13:07 pm por #!drvy » En línea

ivancea96


Desconectado Desconectado

Mensajes: 3.412


ASMático


Ver Perfil WWW
Re: Tabla de estilo collapse con extraño comportamiento
« Respuesta #1 en: 10 Septiembre 2015, 22:21 pm »

Si haces zoom a la web, sigue ocurriendo?


En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: Tabla de estilo collapse con extraño comportamiento
« Respuesta #2 en: 12 Septiembre 2015, 13:09 pm »

Efectivamente, debe ser por zoom o fallo de rendering. El código lo tienes bien.

Saludos
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Extraño comportamiento al aplicar estilo a un control en WPF
.NET (C#, VB.NET, ASP)
4rkn63l 2 3,005 Último mensaje 13 Noviembre 2011, 05:34 am
por 4rkn63l
Comportamiento muy extraño de un pendrive
Windows
oskoa 3 3,239 Último mensaje 12 Noviembre 2011, 16:51 pm
por .:UND3R:.
Comportamiento extraño + Se apaga « 1 2 »
Hardware
Saberuneko 13 7,571 Último mensaje 16 Septiembre 2012, 14:23 pm
por Aprendiz-Oscuro
Computadora comportamiento extraño
Hardware
Ershin 2 2,350 Último mensaje 14 Agosto 2012, 15:04 pm
por Aprendiz-Oscuro
Comportamiento extraño de g++
Programación C/C++
ghastlyX 4 1,932 Último mensaje 10 Agosto 2013, 19:08 pm
por leogtz
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines