Сведения о вопросе

Математик

21:06, 1st October, 2020

Теги

CSS    

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

Просмотров: 273   Ответов: 4

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

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

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

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



  Сведения об ответе

qwerty101

23:15, 27th September, 2020

Протестировал только в 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>


  Сведения об ответе

lesha

16:41, 25th September, 2020

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


  Сведения об ответе

LIZA

09:01, 25th September, 2020

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


  Сведения об ответе

ЯЯ__4

05:09, 25th September, 2020

9.0

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


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться