<table border="1" width="99%">
<tr><td colspan="3">1</td></tr>
<tr>
<td width="192">2</td>
<td width="16">3</td>
<td>4</td>
</tr>
</table>
Неправильное отображение ширины ячеек таблицы
Код:
То ячейки второй строки рисуются с нормальной шириной, как описано параметром width, однако если вторую строчку этого кода заменить на:
Код:
<tr><td width="1024" colspan="3">1</td></tr>
т.е. добавить ширину первой ячейки, тогда рисуется коряво:
ячейка 2 - ширина пикселей 800
ячейка 3 - ширина пикселей 100
В чем прикол?
В данном случае, я Вам не помогу - я даже атрибутов таких (например, width) у тэгов не помню уже :)
Я перенес атрибуты в стили. Там проблема решилась приведением таблицы в единую систему исчисления (я убрал у таблицы 99% и проставил px - всё отобразилось как нужно). Но, когда я такую же операцию проделал с атрибутами - не получилось ничего, проблема осталась.
PS: Дайте угадаю: попиксельный табличный дизайн "хомяка"?
Спасибо!
PS. почти хомяк:) - php скрипт из *.txt наполняет табличку данными.
Я просто хочу чтобы первые две колонки были одинаковой ширины, независимо от размеров окна.
HTML:
Код:
<table border="1" class="t1">
<tr><td colspan="3">
<table class="t2"><tr><td></td></tr></table>
</td></tr>
<tr>
<td class="one">1</td>
<td class="two">2</td>
<td>3</td>
</tr>
</table>
<tr><td colspan="3">
<table class="t2"><tr><td></td></tr></table>
</td></tr>
<tr>
<td class="one">1</td>
<td class="two">2</td>
<td>3</td>
</tr>
</table>
CSS:
Код:
TABLE.t1 { width: 800px; }
TABLE.t2 { width: 300px; }
TD.one { width: 192px; }
TD.two { width: 16px; }
TABLE.t2 { width: 300px; }
TD.one { width: 192px; }
TD.two { width: 16px; }
Ячейка с цифрой 1 рисуется шириной пикселей 700, с цифрой 2 - пикселей 60, с цифрой 3 - пикселей 40.
Если убрать вложенную таблицу стиля "t2", то ширина становится нормальной, как описана в CSS.
Может я неправильно CSS пользую?
Нет, не хотим :) Никаких глюков с шириной никогда не замечал в таблицах. Ищите и обрящете, как говорил товарищ Христос.