Проблема с закругленной границей - PullRequest
Новая
       6

Проблема с закругленной границей

0 голосов
/ 28 августа 2011

Эй, ребята, я делаю округлую границу на моей таблице. Я хочу, чтобы эта граница отображалась по всему целому, но она отображается только один раз, как показано ниже:

enter image description here

Я хочу, чтобы верхняя строка с надписью «Загруженные файлы» охватывала всю таблицу, ниже мой HTML и CSS-код: 

<tr id="rounded">
            <td colspan="5">Uploaded files</td>
            </tr>
            <tr style="background: #2B4F81">
                <td style="padding-left: 5px; padding-right: 5px">Filename</td>
                <td style="padding-left: 5px; padding-right: 5px">File Size</td>
                <td width="200px" style="padding-left: 5px; padding-right: 5px">Description</td>
                <td colspan="2" style="padding-left: 5px; padding-right: 5px">Option</td>

            </tr>

CSS: 

#rounded
{
width: 100%;
float: left;
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
background-color: #2B4F81;
border: 1px solid #2B4F81;
}

ЕСЛИ выможет помочь мне решить эту проблему, она будет очень признательна.

Спасибо.

1 Ответ

3 голосов
/ 28 августа 2011

Удалить float: left;; по желанию прекратите использовать style и поместите это в CSS.

Вместо таблицы следует использовать id="rounded".

...