Я пробовал все решения, которые могли бы работать со всей сетью, и не смогли это понять.Дополнительное пространство в IE7 со столом внутри div
Вот страница, которая демонстрирует проблему:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Title Goes Here</title>
</head>
<body>
<style>
.centered_text {
text-align:center;
}
.datagrid table {
width: 100%;
border-spacing: 0px;
}
.datagrid {
background: #FFFEE1;
border: thick solid #A31B2B;
}
.datagrid table td, .datagrid table th {
padding: 3px;
}
.datagrid table tbody tr td {
border: thick solid #A31B2B;
}
</style>
<div class="centered_text datagrid">
<table>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
</body>
Когда я смотрю на это в Chrome или IE10, это выглядит, как я хочу, чтобы ... нет места между границей сНу и границы таблицы. Но, если я изменю режим IE Document на IE7, пространство будет отображаться полностью вокруг таблицы.
Мы по-прежнему должны поддерживать IE7. Как мне убрать это пространство?
Хороший ответ, предпочтение должно быть, чтобы сделать это в CSS – beautifulcoder