Один пиксель фона показывает в таблице в IE7 - PullRequest
Новая
       4

Один пиксель фона показывает в таблице в IE7

0 голосов
/ 24 февраля 2012

Я боролся с этим некоторое время, не могу понять, почему я вижу один пиксель фона в IE7 (другие браузеры работают нормально).

Вот простой пример, попробуйтев IE7:

ссылка на jsfiddle: http://jsfiddle.net/PstEk/

<html>
<head>

<style>
.test {
    border-width: 0px;
    border-spacing: 0px;
    border-style: outset;
    border-color: red;
    border-collapse: collapse;
    background-color: blue;
}

.test th{
    border-width: 0px;
    padding: 0px;
    border-style: none;
    border-color: red;
    background-color: #fff5ee;
}

.test td {
    border-width: 0px;
    padding: 0px;
    border-style: none;
    border-color: red;
    background-color: #e1edf3;
}
</style>

<body>


<table class="test">
        <tr>
            <th>Test test</th>
            <th>Test test</th>
            <th>Test test</th>
            <th>Test test</th>
        <tr>
        <tr>
            <td>Test test</td>
            <td>Test test</td>
            <td>Test test</td>
            <td >Test test </td>
        <tr>

        <tr>
            <td>Test test</td>
            <td>Test test</td>
            <td>Test test</td>
            <td>Test test</td>
        <tr>
</table>

</body>
</html>

Ответы [ 3 ]

3 голосов
/ 24 февраля 2012

Хотя ни </head>, ни </tr> не требуются, я должен указать, что вы должны попытаться использовать их, тем более что я вижу, что вы пытаетесь использовать </tr>, но вместо этого снова используете <tr>.

Не стоит недооценивать причудливость IE7 и использовать все закрывающие теги.

3 голосов
/ 24 февраля 2012

IE7 смущен пустыми элементами <tr> в вашей таблице. Вы имели в виду </tr> вместо <tr>, но то, как вы это видите, теперь приводит к тому, что <tr> элементы без содержимого будут вставлены в таблицу. IE7, по-видимому, дает пустым <tr> элементам высоту 1 пиксель.

2 голосов
/ 24 февраля 2012

Вы не одели элементы <tr>.

Используйте валидатор, чтобы обнаружить эти маленькие досадные ошибки: http://validator.w3.org/

Редактировать: Как уже упоминалось в других ответах, я ошибся, закрытие </tr> равно не требуется по крайней мере в HTML4.Просто открывается новый ряд.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...