IE8 игнорирует ширину td, работает на IE7

Существует таблица, выглядящая так:

<table width="100%">
<tr id="header">
 <td colspan="2"></td>
</tr>
<tr id="center">
 <td id="left" style="width: 201px"></td>
 <td id="mainpage" style="width: 100%"></td>
</tr>
</table>

В каждом браузере (включая IE7), кроме IE8, "левый" тд - это хорошо. В IE8 он превышает ширину в соответствии с содержимым главной страницы.

Я бы опубликовал несколько скриншотов, но это мой первый пост здесь.

Любые идеи вообще?

Ответы

Ответ 1

То, что width: 100% во втором столбце выглядит неправильно - если вы пытаетесь сделать второй столбец разбросанным до остальной части доступного пространства, вам не нужно это вообще, так что вы можете удалить его, Кроме того, добавьте это в свою таблицу:

table-layout: fixed;

чтобы убедиться, что ширины выполняются.

полный код:

<table style="width: 100%; table-layout: fixed;">
<colgroup>
    <col style="width: 201px">
</colgroup>
<tr id="header">
    <td colspan="2"></td>
</tr>
<tr id="center">
    <td id="left"></td>
    <td id="mainpage"></td>
</tr>
</table>

Ответ 2

Вы уверены, что это должно быть 100%

<table width="100%">

Таблица будет иметь размер как ее родительский элемент. Может быть, вы должны установить фиксированную ширину для таблицы:

<table width="600">

Ответ 3

Если вы определяете ширину таблицы и в первую очередь вам не нужно определять ее для вашей второй.

Я предполагаю, что второй получает 100% из контейнера, который является таблицей.

Ответ 4

Ну, проблема несколько исправлена добавлением пустой таблицы с фиксированной шириной внутри главной страницы.

Таким образом, я фактически устанавливаю минимальную ширину независимо от IE, игнорирующего отношение. Спасибо за все ответы.