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 "левый" td прекрасен. В IE8 это превышает ширину согласно содержанию mainpage.
Я отправил бы некоторые снимки экрана, но это - мое первое сообщение здесь.
Какие-либо идеи вообще?
4 ответа
Эта ширина: 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>
Вы уверены, что это должно быть 100%
<table width="100%">
Таблица будет такого же размера, как и ее родительский элемент. Возможно, следует задать фиксированную ширину таблицы:
<table width="600">
Ну, проблема немного решена добавлением пустой таблицы с фиксированной шириной внутри главной страницы.
Таким образом я фактически устанавливаю min-width независимо от того, что IE игнорирует отношение. Спасибо за все ответы.
Если вы определяете ширину вашей таблицы и вашей первой, вам не нужно определять ее для вашей второй.
Думаю, второй получает 100% из контейнера, которым является таблица.