Привет всем!

делаю себе табличный layout сайта, столкнулся с проблемой — слишком маленькие зазоры (точнее их вообще нет) между стенками ячейки таблицы (центральная ячейка с контентом) и её наполнением. Так как для конкретной ячейки нельзя указанить padding(margins), решил исправить это помещением контента в дополнительный контейнер, имеющий границы. Сделал это через div, со стилем
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
слева и сверху зазор появился, но почему-то обрезалось право и низ.


а должно быть



внутренние элементы жестких размеров не имеют, например

<tr>
<td id="_ctl6_cellInfo" align="Right" style="color:Silver;">Идентификатор статьи: 21
<br>Дата занесения/обновления: 04.08.04 21:02 </td>
</tr>
</table>

<img border="0" style="height:4px;width:1px;" />

<!--AnnouncementControl-->
<table id="_ctl8_TablePanelBody" class="controlView" cellspacing="0" cellpadding="0" border="0" style="height:64px;width:100%;border-collapse:collapse;">
<tr>
<td id="_ctl8_cellHeader" class="controlViewHilite" align="Left" colspan="2" style="height:16px;">Отзывы</td></tr>

<tr>
<td id="_ctl8_cellBody" align="Justify" valign="Middle" colspan="2" style="color:#404040;">Ваш отзыв будет первым!</td></tr>

<tr>
<td></td><td id="_ctl8_cellFooter" align="Center" style="font-style:italic;height:16px;width:32%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFFFFFFF, endColorstr=#FFEEEEEE,GradientType=1)"></td></tr>
</table>

<img border="0" style="height:4px;width:1px;" />

<!--EditReviewControl-->
<table id="_ctl10_tableBody" class="controlAction" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;TABLE-LAYOUT:fixed">
<tr>
<td align="Right" style="width:99px;">ID:</td>
<td><input name="_ctl10:textID" type="text" id="_ctl10_textID" class="controlAction" style="width:100%;" /></td></tr>

как сделать, чтоб не обрезалось?

Здравствуйте, Max404.NET, Вы писали:

MN>Привет всем!

MN>делаю себе табличный layout сайта, столкнулся с проблемой — слишком маленькие зазоры (точнее их вообще нет) между стенками ячейки таблицы (центральная ячейка с контентом) и её наполнением. Так как для конкретной ячейки нельзя указанить padding(margins)

Почему это нельзя?

Например

<td style="padding-left: 15px"></td>

В коде выделенное жирным — прибивает padding в таблице всей для всех ячеек — это раз. Можно его заменить на padding="5px", например.

Вставка курсивом, ИМХО, должна решить проблему

<!--AnnouncementControl-->
<table id="_ctl8_TablePanelBody" class="controlView" cellspacing="0" cellpadding="0" border="0" style="height:64px;width:100%;border-collapse:collapse;">
    <tr>
        <td id="_ctl8_cellHeader" class="controlViewHilite" align="Left" colspan="2" style="height:16px;">
            Отзывы
        </td> 
    </tr>

    <tr>
        <td id="_ctl8_cellBody" align="Justify" valign="Middle" colspan="2" style="color:#404040; padding-right: 15px; padding-left: 15px">
            Ваш отзыв будет первым!
        </td>
    </tr>

<!--skipped-->