significado - Etiqueta HTML<tr> y posición: relativa

th html

Question

Estoy lidiando con html writen hace mucho tiempo y hay un problema con FireFox.
Algunos elementos tr tienen una propiedad de posición establecida en relativa, lo que sorprendentemente hace que el borde de esos tr sea invisible. Cuando elimino el estilo, todo funciona bien ... entonces la pregunta es:
" ¿Cómo funciona position: relative affect tr element? " No puedo entenderlo ... para mí parece redundante.

Gracias

EDITAR:

<table id="table1"  width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cccccc"><tbody>
<tr class="header" style="position:relative;top:2 px;">
    <th>sdf</th>
    <th>sdf</th>
    <th>sdf</th>
</tr>

.header {
    position:relative;
}



table#table1 {

    border-collapse: collapse;    

}



#table1 th {

    border-collapse: collapse;

    cursor: pointer;

    font-size: 8pt;

    padding: 3px;

    border-left: 1px solid #666666;

    border-right: 1px solid #666666;

    border-bottom: 1px solid #666666;

    color: #FFFFFF;

    background-color: #6685C2;

}



#table1 td {

    border-collapse: collapse;

    cursor: pointer;

    font-size: 8pt;

    padding: 3px;

    border: 1px solid #666666;

}

Answer 1

La interacción es probablemente esa posición: relative está deshabilitando la propiedad border-collapse. Por supuesto, sin ver ningún código, es bastante difícil de decir.

Actualización: si miras tu código verás que el tr en cuestión nunca tiene un límite propio. Posición de configuración: la visualización de los afectos relativos se muestra en los elementos th. Sugiero que lo atribuyas a un comportamiento indefinido.

Si necesita posicionar la fila relativamente, entonces le sugiero que también cambie su propiedad de visualización a una apropiada para el posicionamiento relativo.

Answer 2

Tampoco estoy del todo seguro sin ver el código, pero:

De la especificación: http://www.w3.org/TR/CSS21/visuren.html#propdef-position

El efecto de ''position: relative'' en los elementos table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell y table-caption es indefinido.

tr es una table-row .