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:
sdf sdf sdf .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; }
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 .
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. position: relative configuración position: relative visualización de los afectos position: relative 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.
- No se puede aplicar el dibujo de líneas y rellenar la animación en svg
- ¿Es posible orientar Chrome solo por html o por medio de consultas?
- Slick Slider Las flechas siguientes no se muestran
- ¿Cómo evito los saltos de línea entre un botón de radio y su etiqueta, mientras sigo permitiendo saltos de línea dentro de la etiqueta misma?
- En HTML5, con respecto a las tablas, ¿qué reemplaza a cellpadding, cellspacing, valign y alinear?
- Cómo aplicar CSS solo a los niños inmediatos de una determinada clase
- ¿Cómo hago que flex box funcione en safari?
- ¿Cómo agregar hojas de estilo en IE usando jQuery?
- cambiar ubicación con solo editar .css
- min-height: 100% no funcionará como yo quiera
- lista que muestra un poco fuera de centrado
Intereting Posts
¿Por qué el estilo del fondo del elemento del cuerpo afecta a toda la pantalla?Extender el último li al ancho restante de una ul?Etiqueta CakePHP Span dentro de la etiqueta de anclajeEl submenú desplegable desaparece al pasar el ratónMantenga div desplazado en posiciónCambiar el color de fondo de la opción Seleccionar lista al desplazarseColoque tres botones en la misma línea centralFondo de menú Cambiar color en desplazamiento