" />

Ширина заголовка таблицы в Firefox

css firefox html-table width caption

765 просмотра

1 ответ

378 Репутация автора

Таблица на этой странице имеет заголовок с отображением: набор заголовков таблицы.

http://www.petersen-stainless.co.uk/lifting/CE-swage-sockets/stainless-steel-threaded-sockets.html

HTML-код:

<table class="product-data">
                <caption>
                    Rated for lifting in accordance with EN 13411-8. WLLs stated based on 90% of wire MBL at a 6:1 factor of safety. All terminals permanently etched with CE mark and batch identification number.
                </caption>
                <tbody>
                    <tr>
                        <td data-th="Product Code">SCM6X3R-EN</td>
                        <td data-th="Wire (mm)">3</td>
                        <td data-th="Thread">M6</td>
                        <td data-th="D (mm)">6.3</td>
                        <td data-th="L (mm)">97.0</td>
                        <td data-th="CT (mm)">47.0</td>
                        <td data-th="WLL 7x19 / 6x19-IWRC">70kg</td>
                        <td data-th="WLL 6x36-IWRC">N/A</td>
                    </tr>                   
                    </tbody>
            </table>`

И CSS я использовал:

.content .product-data {
    float: left;
    margin-right: 20px;
    width: 70%
}

.product-data caption {
    display: table-caption;
    width: 100%;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-top: none;
}

Он отображается на 100% ширины таблицы в браузерах WebKit, но в Firefox это 100% ширины страницы. Как я могу сделать так, чтобы этот заголовок правильно помещался в Firefox? Это ошибка? Кажется, что так не должно быть. Если да, то есть ли обходные пути?

Автор: Ralphonz Источник Размещён: 19.07.2016 08:58

Ответы (1)


0 плюса

845 Репутация автора

Пожалуйста, попробуйте добавить

.content .product-data { display: inline-block; }

Проблема будет исправлена ​​в Firefox

Автор: vignesh Размещён: 19.07.2016 09:06
Вопросы из категории :
32x32