Содержимое заголовка таблицы сглаживания в режиме IE7 слева на нескольких строках

Question

У меня есть пример таблицы, которую я пытаюсь сгенерировать здесь:

http://jsfiddle.net/DTsxa/

У меня проблемы с заголовком таблицы, хотя при просмотре таблицы сInternet Exploder в режиме IE7 или режиме совместимости IE8.Текст «Показатели эффективности фондов по состоянию на 19 ноября 2010 года» должен быть в одну строку, но в нескольких строках он сжимается влево.

Я думал, что white-space: nowrap; (согласно приведенному ниже примеру) может иметьисправил это, но это никак не повлияло.

<tr>
    <th class="TableHeaderRow" colspan="8">This Fund's Performance Figures as at 1 December 2010</th>
</tr>

с этим CSS:

th.TableHeaderRow
{
    background-color: #A4A247;
    padding: 10px 5px;
    font-weight:bold;

    white-space: nowrap;
}

Может кто-нибудь увидеть решение этой проблемы?

Answer 1

Ваша проблема здесь:

.PerformanceTable th
{
    width: 50px;
    border-left: solid 1px #00573D;
    border-top: solid 1px #00573D;

    /*background-color: #FFF;
    color: #00573D;*/
    vertical-align: top;


    /*height:28px;*/
}

IE принимает вашу ширину: 50px и заставляет ее быть короче. удаление этой строки заставило это выглядеть правильным для меня. Дайте этому попытку

Answer 2

Попробуйте использовать «пробел: pre;».Кажется, это работает лучше, чем Nowrap.