Как выровнять td по центру в таблице

Question

[koteus]

Имеется таблица в шапке сайта:

<code class="html">
    <table>
        <tr>
            <td></td>
            <td>Тра ля ля</td>
            <td></td>
        </tr>
    </table>
</code>

Таблица растянута на всю страницу.
Левая ячейка залита одним цветом, а правая другим (+ они резиновые).
Средняя имеет картинку где происходит визуальное соединение цветов и распологается надпись (ширина 960px).

Очень надо, чтобы средняя ячейка была в центре (независимо от тина браузера).

Answer 1

[Artqookie]

Протестировал только в Ubuntu, браузеры: Chromium 11.0.672.2 (75134), Firefox 3.16.13, Opera 11.01
<table>
<tr>
<td style="width: 50%; background: yellow;"></td>
<td style="background: green;"><div style="width: 960px;"> </div></td>
<td style="width: 50%; background: blue;"></td>
</tr>
</table>

Comments

[koteus]

Я тоже так пробовал, в Файрфоксе все нормально, но в Хроме не садится ровно по центру :(

[Artqookie]

Странно, у меня в хроме все ок. Какая у вас версия?

[Макс Кузнецов]

может стоит просто указать ширину таблицы равно 100%, а центральной ячейке width: 960px?

[Artqookie]

Спасибо, буду знать.

Answer 2

[Prometheus]

Для этого случая достаточно нарисовать два плавающих дива, 50% каждый с заданными bgcolor.
А картинку поместить в третий див (position:absolute;top:0;width:100%;text-align:center;), который наложить по верх тех двух цветных.

Comments

[koteus]

Я сначала так и сделал, но в середине должна быть «дырочка от бублика» (то есть прозрачный .png), через которую должен проглядывать фон. Если есть сематичные идеи, буду очень рад.

[Prometheus]

Не видя макета, сходу сложно подсказать идеальное решение.
Какой фон будет виден под бубликом? Фон центральной картинки?

[koteus]

Лого дожно сесть в дырочку. Основной контент у меня в div (width: 960px; margin: 0 auto)

Answer 3

[Prometheus]

Я бы не делал в фоне синей плашки «дырочку».
Я бы сделал в блоке с логотипом подложку — серую окружность.

Comments

[koteus]

Фон может еще поменяться. Наверное оставлю пока так, а когда буду убежден что фон больше не поменяется, сделаю «рефакторинг».

Answer 4

[koteus]

9.0

Но вроде бы моя вина. У меня в левой и правой ячейках div-ы остались какие-то. Я их убрал и вроде все окей, спасибо. Наверное от недосыпания :)