Странная проблема с шириной ячеек в IE

[lantastic]

Странная проблема с шириной ячеек в IE

Есть прайс с 280 товарами, разбиты по нескольким категориям... вывожу весь прайс в одной таблице! названия категорий решил поместить в ячейки с colspan=5... проблема возникла с шириной ячеек:

К примеру, таблица

<table width="100%" border="1">
<tr>
<td colspan="5">Категория 1 - Название категории 1 (Описание)</td>
</tr>
<tr>
<td width="100">1</td>
<td width="*">Товар 1</td>
<td width="100">1 шт.</td>
<td width="80">250.00</td>
<td width="80">295.00</td>
</tr>
</table>

выводится отлично... но вот попробуйте увеличить длину текста в верхней ячейке.... скажем вот так:

<table width="100%" border="1">
<tr>
<td colspan="5">Категория 1 - Название категории 1 (Длинное описание описание описание описание)</td>
</tr>
<tr>
<td width="100">1</td>
<td width="*">Товар 1</td>
<td width="100">1 шт.</td>
<td width="80">250.00</td>
<td width="80">295.00</td>
</tr>
</table>

и столбцы расползаются непонятным образом?? что же делать? не формировать же на каждую строку свою таблицу? ....Firefox все нормально отображает

 

[Кром]

Глюк с colspan давно известен. Причем у каждого броузера на тот случай есть свои закидоны.

>и столбцы расползаются непонятным образом?? что же делать? не формировать же на каждую строку свою таблицу? ....Firefox все нормально отображает

Лучше так и сделать - отдельную таблицу.

 

[Krisha]

решение проблеммы элементарно:

<table width="100%" border="1">
<tr>
<td colspan="5">Категория 1 - Название категории 1 (Длинное описание описание описание описание)</td>
</tr>

<tr>
<td><img width="100" height=1 border=0></td>
<td width="100%"></td>
<td><img width="100" height=1 border=0></td>
<td><img width="80" height=1 border=0></td>
<td><img width="80" height=1 border=0></td>
</tr>

<tr>
<td width="100">1</td>
<td width="*">Товар 1</td>
<td width="100">1 шт.</td>
<td width="80">250.00</td>
<td width="80">295.00</td>
</tr>

...

</table>

 

[lantastic]

Krisha
пасиба большое, действительно выход!