HTML <tr>тег и позиция: относительная - PullRequest
15 голосов
/ 19 июля 2011

Я имею дело с html, написанным давно, и проблема с FireFox.
Некоторые элементы tr имеют свойство position, установленное в относительное, что неожиданно делает границу этих tr невидимой. Когда я удаляю стиль, все работает нормально ... так что вопрос:
" Как позиция: относительное влияет на элемент tr? " Я не могу понять ... для меня это кажется излишним.

Спасибо

EDIT:

<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;
}

Ответы [ 2 ]

67 голосов
/ 19 июля 2011

Я также не совсем уверен, не видя код, но:

Из спецификации: http://www.w3.org/TR/CSS21/visuren.html#propdef-position

Эффект 'position: относительный' на строку таблицы-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell и table-caption элементы не определены.

tr является table-row.

5 голосов
/ 19 июля 2011

Взаимодействие, вероятно, является той позицией: родственник отключает свойство border-collapse.Конечно, не видя никакого кода, это довольно сложно сказать.

Обновление: если вы посмотрите на свой код, вы увидите, что рассматриваемый tr никогда не имеет собственной границы.Настройка position: relative влияет на отображение элементов th.Я полагаю, что вы опускаете это значение до неопределенного поведения.

Если вам нужно позиционировать строку относительно, я предлагаю вам также изменить его свойство display на свойство, подходящее для относительного позиционирования.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...