итоговая таблица [23/23] особенность браузера или ошибка?

Доброго времени суток, дамы и господа.
Просьба указать начинающему на ошибку, если таковая присутствует.
результат и образец после проверки не сходятся на нижнюю границу у таблицы (или нижней ячейки).
хотя визуально образец и картинка в мини-браузере вроде идентичны.
итог 99%, понимаю, что 1% погоды не делает, тем не менее… :blush:
вот код

    <!DOCTYPE html>
<html>    
    <head>
    <meta charset="utf-8">
    <title>Испытание: итоговая таблица</title>
</head>
<body>
    <h1>Итоговая таблица</h1>
<table>
    <th class="l_eft">Город</th>
    <th class="c_enter">Посещений</th>
    <th class="r_ight">%</th>
    <tr>
        <td class="l_eft">СПб</td>
        <td class="c_enter">199</td>
        <td class="r_ight">65.12</td>
    </tr>
    <tr class="lightyellow">
        <td class="l_eft">Москва</td>
        <td class="c_enter">69</td>
        <td class="r_ight">21.3</td>
    </tr>
    <tr>
        <td class="l_eft">Киев</td>
        <td class="c_enter">5</td>
        <td class="r_ight">8</td>
    </tr>
    <tr class="lightyellow">
        <td colspan="2">Посещений за весь период</td>
        <td class="r_ight">273</td>
    <tr>
</table>
</body>
</html>

и css

body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

table {
    border-collapse:collapse;
}

th {
    border-top:1px solid black;
    border-bottom:1px solid black;
    background-color:darkcyan;
    color:white;
    padding:10px;
}

th.c_enter {
    background-color:lightblue;
}

td {
    width:33%;
    padding:10px;
}

.lightyellow {
    background-color:lightyellow;
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
}

.l_eft {
    text-align:left;
}

.c_enter {
     text-align:center;
}

.r_ight {
    text-align:right;
}

пробовал и у самой таблицы ставить

border-bottom:1px solid lightgray;

не хочет рисоваться нижняя граница на результате и на различиях красная черта соответственно вылазит…

также заметил, клацая на образец и наложение, что нижняя граница тоньше остальных границ при том, что 1px стоит у всех.
Заранее благодарю за помощь.

Вы не закрыли последний тег <tr>, поэтому нижняя граница не рисуется.

1 лайк

Упс, действительно, слеш не поставил :blush:. Спасибо Вам большое.

Я заметил , что отображение в моём браузере (в мальком окошке результата) и в нижнем окошке в закладке результат разнятся !
ЗАкрыв задание и перегрузив страницу и открыв через 15 минут стало все работать … почему так ?

Наверное есть смысл уточнить, какой браузер у вас, его версия, версия ОС. Все это может быть важно.