Ширина в TD с colspan не работает (Chrome) - PullRequest
Новая
       0

Ширина в TD с colspan не работает (Chrome)

4 голосов
/ 19 октября 2011

Следующий код неправильно отображает верхнюю строку в Chrome (IE8 отображается нормально, я не проверял в других браузерах) 

<head>
</head>
<body>
<table width="100%" border="1">
    <tr>
            <td width="15%">a</td>
            <td width="70%">b</td>
            <td width="15%">c
                    <table border=1>
                    <tr>
                            <td valign="top">Subtotal:</td>
                            <td valign="top">$2,464.34</td>
                    </tr>
                    </table>
            </td>
    </tr>
    <tr>
            <td colspan="3">
                    <input type="text" style="width:500px;" />
            </td>
    </tr>
    </table>
</body>

Кажется, что фиксированная ширина в элементе управления INPUT вызываетэта проблема.Если я изменю 500px на 80%, он будет работать правильно.Или, если я вытащу внутреннюю таблицу в столбце "c", она также будет работать.

Почему кажется, что colspan = 3 игнорируется?Есть идеи?

Ответы [ 2 ]

1 голос
/ 05 февраля 2017

Угадай, что!:) после тупого расследования (3 часа работы) я обнаружил, что по какой-то причине отображается: табличная ячейка перезаписана в хром.так что просто покажите объявление в ячейке таблицы, и все будет хорошо:).

Отредактированный ответ --------- Так что после проверки Кажется, что некоторые из таблиц стилей сброса помещают display: block в TD.Поэтому, если это произойдет, вы можете удалить эту таблицу стилей, отредактировать или перезаписать ее.

0 голосов
/ 19 октября 2011

Ух ты, хорошая находка .. это довольно безумно. Кажется, это ошибка в Chrome. В этом конкретном случае третий столбец (с), кажется, принимает ширину элемента управления вводом, если он выходит за пределы 15% ширины и убирает ширину среднего столбца (b). Попробуйте увеличить <input тег до 700px и посмотрите, как столбец c станет шире.

Обходной путь для Chrome может состоять в том, чтобы просто использовать % в качестве единиц измерения ширины для этого элемента управления вводом

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

Нет похожих вопросов

...