Есть таблица:
CODE ( html):
скопировать код в буфер обмена
<table class="wide" cellspacing="15" cellpadding="10" border="0"> <tr class="borderRed"><td class="tdUser">...</td> <td colspan="2">...</td> </tr> <tr> <td colspan="3">...</td> </tr> <tr class="borderGreen"> <td colspan="2">...</td> <td class="tdVar">...</td></tr></table>
, где установлена относительная ширина колонок:
CODE ( html):
скопировать код в буфер обмена
td.tdUser {width:20%; font-size:larger; line-height: 1.1} td.tdVar {vertical-align:middle; text-align:center; width:15%}
Так вот, почему правильно ширина распределяется только если в таблицу вставить пустую строку с прозрачными однопиксельными изображениями,
CODE ( html):
скопировать код в буфер обмена
<tr> <td><img src="image/Transparent.gif" alt="" /></td> <td><img src="image/Transparent.gif" alt="" /></td> <td><img src="image/Transparent.gif" alt="" /></td></tr>
и можно ли добиться правильного формирования как-нибудь ещё?
Без этой строки крайние колонки занимают почти всё доступное место.(Отредактировано автором: 04 Марта, 2015 - 18:13:39)
|