Ширина таблицы HTML не работает

Question

У меня есть таблица примерно так:

<table id="MyTable" cellspacing="0" cellpadding="0">
    <thead>
        <tr>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescriptionTitle" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescription2Title" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitAddressTitle" runat="server" />
            </th>
            <th style="width: 10%;">
                &nbsp;
            </th>
        </tr>
    </thead>
<tbody>

Теперь ширины столбцов правильно установлены в процентах в IE, но не в Firefox. (Возможно FF что-то делает правильно)

Есть ли что-то, что я могу сделать, чтобы ширина столбцов была зафиксирована в вышеуказанных процентах как в IE, так и в FF?

Answer 1

добавить

style = "width: 100%;"

к столу

Answer 2

Вы установили проценты в процентах, но проценты чего?

Попробуйте установить ширину самой таблицы, используя style="width: x" или в CSS с помощью:

table#MyTable {
    width: x;    // x denotes overall size
}

Answer 3

Я не могу воспроизвести проценты, правильно установленные в IE, FF или Chrome. Чтобы правильно установить проценты, вы должны установить ширину внешней таблицы. Является ли это абсолютной или относительной ценностью, зависит от вас. Но не забудьте использовать встроенные стили.

Answer 4

попробуйте добавить к таблице ширину 100%.