Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Центровка DIV-а в таблице


Автор: NextAlex 10.4.2006, 17:43
Привет всем!

Есть таблица, в одной из ячеек которой заливается фон, рисуется картинка и сверху над картинкой в диве отрисовывается еще три картинки (классно описал smile ). Поскольку див должен находиться поверх содержимого ячейки я сделал так:
Код

<TR>
<TD COLSPAN=3 align="CENTER">
....... тут заполняется ячейка ........
<div style="width:100%; POSITION:absolute; TOP: 0%;">
<TABLE style="width:100%" align="CENTER" cellspacing="0" cellpadding="0">
        <TR>
            <td  ROWSPAN=3 align="RIGHT" valign="TOP">
            </td>
                <TD align="LEFT" valign="TOP" style="width:30%;">
                     <img src="images/back/ugolok_tl.png">
                </TD>
                <td align="CENTER">
                   <img src="images/back/logo.png"
                     alt=""
                     border="0"
                     style="cursor:pointer; cursor:hand;"
                     >
                </td>
                <TD align="RIGHT" valign="TOP" style="width:30%;">
                     <img src="images/back/ugolok_tr.png">
                </TD>
            <td  ROWSPAN=3 align="LEFT" valign="TOP">
            </td>
        </TR>
</TABLE>
</div>
</TD></TR>


но полностью правильно это работает только в опере.
В IE размер дива правильный, но он смещен на полэкрана вправо - т.е. в центре окна находится левый край дива.
В NN див стоит в центре, но есть траблы с его размером - устанавливается размер окна, а не размер ячейки.

Помогите победить центровку в IE ну и по-ходу если кто знает то и размеры в NN.

Автор: Bangladesh 10.4.2006, 21:25
попробуй написать в стайлах

Код

<style>
table, tr, td { position: realtive; }
</style>


пока просто гадаю, но может быть поможет.

Автор: Ciber SLasH 10.4.2006, 23:26
Добавь в DIV ещё и left: 0

Автор: NextAlex 12.4.2006, 16:20
Ciber SLasH, в том-то и трабла что див должен быть по центру а не прилеплен к левому краю
в общем я вышел из ситуации иначе.
Всем спасибо

Автор: R.M. 13.4.2006, 11:40
NextAlex, ну обычно если человек сам додумывается то он выкладывает как он это сделал smile

Автор: NextAlex 13.4.2006, 16:37
Куксикус, мой выход не заслуживал чести стать панацеей smile - я просто жестко зафиксировал размеры крайних столбцов таблицы чтобы можно было задать координату LEFT для дива ...

Автор: 6750km 16.4.2006, 05:00
Можно еще вставить вместо отступа прозрачный пиксель заданного размера. ИМХО, не самое изящное решение, но гарантированно работает везде.  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)