-
Помогите плиз!
Я начинающий дизайнер, верстаю div'ами, table тспользую только для непосредственно табличных данных. Как раз с ними и проблема.*
В нормальных браузерах всё отображается нормально, а в IE расползается вниз. Как это исправить?
Вот код:
Код:
<table>
*********************************<tr>
*************************************<td rowspan="2" class="rednum">1.</td>
*************************************<td colspan="4">[Only registered and activated users can see links. Click Here To Register...]</td>
*********************************</tr>
*********************************<tr class="bottom">
*************************************<td class="votes">Заказов: 1597</td>
*************************************<td class="avrate">Средний рейтинг:</td>
*************************************<td class="stars">**** *************************************************************************************************************************
********** ********************************[img]images/img-c-fullstar.gif[/img]
********** **********************************[img]images/img-c-fullstar.gif[/img]
*****************************************[img]images/img-c-fullstar.gif[/img]
*****************************************[img]images/img-c-fullstar.gif[/img]
*****************************************[img]images/img-c-fullstar.gif[/img]********************************</td>
*************************************<td class="rating">4.96</td>
******************** ************</tr>
**************** ****************</table>
Код:
.c-ratings table{
*********color: #999;
*********font-size: 11px;
*********width: 380px;
*********padding: 2px 0 3px;
*********border-bottom: 1px dotted #000;
********}
********.c-ratings table a{
*********color: #700;
*********font-size: 12px;
*********text-decoration: none;
********}
********.c-ratings table a.black{
*********color: #000;*****
********}
********.c-ratings table a:hover{
*********text-decoration: underline;
********}
********.c-ratings table img{
*********margin: 0 -3px 0 0;
*********padding: 3px 0 0 0;
********}
********.c-ratings td{*****
*********color: #000;
*********width: 40px;
*********border: 1px solid #000;
********}
********.c-ratings td.rednum{
*********width: 40px;
*********color: #900;
*********font: bold 18px/16px Georgia,"Times New Roman",Times,serif;
*********text-align: center;
*********vertical-align: top;
********}
********.c-ratings td.num{
*********width: 40px;
*********font: 18px/16px Georgia,"Times New Roman",Times,serif;
*********text-align: center;
*********vertical-align: top;
********}
********.c-ratings td.votes{
*********width: 82px;
********}
********.c-ratings td.avrate{
*********width: 94px;
*********text-align: right;
********}
********.c-ratings td.stars{
*********width: 66px;
*********padding: 0 3px 0 0;
********}
********.c-ratings td.rating{
*********width: 25px;
*********height: 14px;
*********text-align: center;
*********background: #ffffa0;
*********font-size: 12px;
*********color: #000;
*********border: 1px solid #f00;
********}
-
Цитата:
Как это исправить?
1. Прийти к пониманию, что 40 + 82 + 94 + 66 + 25 никак не равняется 380 (даже с учетом необнуленных промежутков между ячейками таблицы).
2. Убрать заданную явно ширину для ячейки с colspan="4":
Код:
.c-ratings td {width: 40px;}
