Доброго времени суток, дамы и господа.
Просьба указать начинающему на ошибку, если таковая присутствует.
результат и образец после проверки не сходятся на нижнюю границу у таблицы (или нижней ячейки).
хотя визуально образец и картинка в мини-браузере вроде идентичны.
итог 99%, понимаю, что 1% погоды не делает, тем не менее…
вот код
<!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 стоит у всех.
Заранее благодарю за помощь.