Выравнивание ячейки таблицы

Question

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

Спасибо,

Answer 1

table .sort a {color: #f00; float: left;}
table .sort {float: left; border:1px solid #093;}  
table .divider {float: right; border:1px solid #00F;}

и

<table width="100%" border="0">
      <tr>
        <td>
          <div class="sort">
            <a href="#">ID</a>
            <span class="icon1"></span>
          </div>
          <div class="divider icon2">icon</div>
        </td>
      </tr>
    </table>

работает.

Примечание. Я только что добавил несколько границ в CSS.

Но тогда я только что попробовал ваш код, и это тоже работает здесь.

Использование THEAD или TABLE в CSS, похоже, не имеет значения. Возможно, у вас есть другой стиль столкновения с тем, который используется для стола?

В любом случае, с указанным выше CSS (ссылаясь на table .SORT вместо THEAD .sort), добавление тегов THEAD вокруг строки в HTML не влияет на это.

Надеюсь, это поможет.

Answer 2

вы используете <thead> в вашем CSS, а в Html вы используете <td>.Попробуйте использовать <thead> в вашем Html