Borde punteado doble al usar colspan

Tengo lo que parece ser un problema simple, pero buscar en la red no ha dado ningún resultado.

Tengo una mesa

Hello World !

Todos los elementos

tienen border-top: dotted 1px black , esto funciona bien aparte del elemento central

en el segundo

.

Este elemento tiene un borde doble y, por lo tanto, aparece como una línea continua, eliminar el colspan soluciona el problema.

He intentado aplicar border-collapse: collapse a la tabla y esto no funcionó, he intentado agregar contenido en forma de   dentro de la primera

lugar de una imagen y esto tampoco funcionó.

¿Alguna idea a alguien?

Agregar border-collapse: separate; a su mesa arregla el problema, vea http://jsfiddle.net/quyMy/

He agregado un caso de prueba dynamic a ese violín. Haga clic en cualquier lugar y la visibilidad de la tabla original / nueva se alternará, lo que le permitirá ver la diferencia mucho más fácilmente.

Otra forma de deshacerse del borde inesperado es agregar un

simple después de la fila que contiene

.

Si establece el borde en las celdas de la tabla en lugar de las filas de la tabla, funcionará.

Solo pude reproducir el error en IE, pero hay otros problemas conocidos con la forma en que las tablas en IE renderizan los bordes.

Vea esto: http://jsfiddle.net/yePHg/19/

Agregue una fila con un


entre y luego dé el borde a esa hora

http://jsfiddle.net/Y5Gec/

Prueba a aplicar la display: block; css display: block; en el tr:

     tr
     {
         borde superior: 1px punteado # 000;
         locking de pantalla;
     } 

Intenta agregar este css:

  

¡Llegué al mismo problema!

 border-collapse: separate 

funcionó muy bien, pero también separó mis fronteras (sorpresa, ¿verdad?). Yo quería una sola línea de puntos. Entonces esto es lo que hice.

CSS:

 td { border-right: 1px dotted #bbb; border-left: 1px dotted #bbb; border-bottom: 1px dotted #bbb; border-top: none; padding: .5em; } th { border-right: 1px dotted #bbb; border-left: 1px dotted #bbb; border-top: 1px dotted #bbb; border-top: 1px solid #bbb; padding: .5em; } 

HTML

 
DRESSES & TOPS
size numerical bust waist hip<