Проблема с таблицей HTML в IE

Question

У меня есть структура вложенной таблицы, как показано ниже

<table width="100%">
<tr>
    <td>
        <table id="tableform" cellspacing=5 cellpadding=2 class="form">
        .........
        <tr>
        <td valign="top">
    Select Columns For Report :
        </td>
        </tr>
        </table>
    </td>
</tr>
</table>

Внутри таблицы Форма таблицы Я создал одну HTML-форму.

Эта форма имеет одну метку поля Выбрать столбцы для отчета: - самая длинная метка, которая в IE оборачивается несколькими строками, чего я не хочу, тогда как в Firefox и Chrome она работает правильно.

Есть ли у вас решение этой проблемы в IE?Если завтра появится еще один более длинный ярлык, то что еще нужно сделать?

Answer 1

Добавьте класс к td и добавьте white-space: nowrap:

<td valign="top" class="nowrap">
    Select Columns For Report :
</td>

.nowrap {
    white-space: nowrap
}

Answer 2

Вы должны либо увеличить ширину столбца меток, чтобы метки подходили:

<table id="tableform" cellspacing=5 cellpadding=2 class="form">
    <col style="width: 300px" />
    ...

Или установить свойство css white-space в nowrap на метках:

<td class="label">Select Columns For Report :</td>

#tableform td.label {
    white-space: nowrap;
}

Answer 3

Возможно, вам нужно специально установить ширину для этого td, что-то вроде

    <td valign="top" style="width:200px;">
Select Columns For Report :
    </td>

Еще лучше, дайте ему class или id и установите ширину в таблице стилей.