Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Таблица HTML, криво отображаются ячейки

Автор: Olone 17.3.2009, 17:55

Код


<tr valign="top" height="29">
        <td class="spacercells">&nbsp;</td>
        <td background="img/squares_1.gif" width="14">&nbsp;</td>
        <td class="spacercells4">&nbsp;</td>
        <td  background="img/squares_2.gif" width="14">&nbsp;</td>
        <td class="spacercells">&nbsp;</td>
    </tr>

Код


.spacercells {background: url(img/squares.gif); width: 200px}
.spacercells4 {background: url(img/squares_center.gif); }

Привет Всем!

В Firefox и Опера строка отображается как надо, а это: ячейка 200 пикс. + ячейка 14 пикс. + ячейка без заданного размера + ячейка 14 пикс. + ячейка 200 пикс.

В эксплорере ячейки у которых должна быть ширина 14 - в "свободном плавании". Не завися от того где прописывать ширину в css или в html.

Автор: ksnk 17.3.2009, 19:15

Код


<table style="table-layout:fixed">
<col width="200"><col width="14">
<col width="auto">
<col width="14"><col width="200">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Добавлено через 2 минуты и 39 секунд
Если не подходит такой layout - можно в ячейки с 14зч шириной вставить 14px ширины дивы и 1px
высоты.

Автор: Olone 17.3.2009, 22:00

Спасибо! Решёно!!