Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Центровка DIV-а в таблице 
V
    Опции темы
NextAlex
Дата 10.4.2006, 17:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

Репутация: нет
Всего: 3



Привет всем!

Есть таблица, в одной из ячеек которой заливается фон, рисуется картинка и сверху над картинкой в диве отрисовывается еще три картинки (классно описал 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.
--------------------
Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...
PM MAIL ICQ   Вверх
Bangladesh
Дата 10.4.2006, 21:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17



попробуй написать в стайлах

Код

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


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


--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
Ciber SLasH
Дата 10.4.2006, 23:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Добавь в DIV ещё и left: 0
PM   Вверх
NextAlex
Дата 12.4.2006, 16:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

Репутация: нет
Всего: 3



Ciber SLasH, в том-то и трабла что див должен быть по центру а не прилеплен к левому краю
в общем я вышел из ситуации иначе.
Всем спасибо
--------------------
Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...
PM MAIL ICQ   Вверх
R.M.
Дата 13.4.2006, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



NextAlex, ну обычно если человек сам додумывается то он выкладывает как он это сделал smile


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
NextAlex
Дата 13.4.2006, 16:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

Репутация: нет
Всего: 3



Куксикус, мой выход не заслуживал чести стать панацеей smile - я просто жестко зафиксировал размеры крайних столбцов таблицы чтобы можно было задать координату LEFT для дива ...
--------------------
Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...
PM MAIL ICQ   Вверх
6750km
Дата 16.4.2006, 05:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 16.4.2006
Где: РФ, Москва

Репутация: нет
Всего: нет



Можно еще вставить вместо отступа прозрачный пиксель заданного размера. ИМХО, не самое изящное решение, но гарантированно работает везде.  
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0719 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.