Существует множество сценариев, в которых таблицы все еще пригодны для использования. например, табличные данные!

я есть таблица HTML, и я хочу, чтобы первые несколько столбцов были довольно длинными. Я делаю это в CSS:

td.longColumn
{ 
     width: 300px;
}

а вот упрощенная версия моей таблицы

<table>
  <tr>
   <td class='longColumn'></td>
   <td class='longColumn'></td>
   <td class='longColumn'></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   [ . . and a bunch more columns . . .]
  </tr>
</table>

По некоторым причинам таблица, кажется, делает этот столбец <300px, когда есть много столбцов. Я в основном хочу, чтобы она сохраняла эту ширину, несмотря ни на что (и просто увеличивала горизонтальную полосу прокрутки).

Контейнер, внутри которого находится таблица, не имеет типа максимальной ширины, поэтому я не могу понять, почему он сжимает этот столбец, а не соблюдает эту ширину.

Есть ли что-нибудь вокруг этого, так что, несмотря ни на что, этот столбец будет оставаться определенной ширины?
Вот CSS внешнего контейнера div:

#main
{
    margin: 22px 0 0 0;
    padding: 30px 30px 15px 30px;
    border: solid 1px #AAAAAA;
    background-color: #fff;
    margin-bottom: 30px;
    margin-left: 10px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    float: left;
    /*width: 1020px;*/
    min-width:1020px;
    display: block;
    overflow: visible;
    z-index: 0;
}

Ответы на вопрос(9)

Ваш ответ на вопрос