table-layout: fixed;の指定をしない
セル内のテキストが特別多いわけでもなく、「width: 100%;」といった指定をしていないにもかかわらず、テーブルの横幅が100%になってしまうことがある。これは、「table-layout: fixed;」を指定している場合、IEでは自動的に横幅が100%になるために発生する。これを解決するには、「table-layout: fixed;」の指定をしない、もしくは順応性は低下してしまうが、widthプロパティを設定しましょう。また状況しだいですがテーブルの可読性が低下しないのなら、強引に対応せずともそのままの状態で対処することも考えられます。
table {
border-collapse: collapse;
border: 1px solid #333;
table-layout: fixed;
}
table td, table th {
padding:5px;
border: 1px solid #333;
}
border-collapse: collapse;
border: 1px solid #333;
table-layout: fixed;
}
table td, table th {
padding:5px;
border: 1px solid #333;
}
「table-layout: fixed」を指定するとIEでは横幅が100%になってしまう。