VPF::z-index + float в IE - Форум программистов

piere

Дата 14.3.2009, 12:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Добрый день. Ситуация следующая: есть таблица, в которой два дива,
один - основной контент, второй - должен всплыть в правом верхнем углу поверх первого, не выходя за пределы первого. В лисе все работает, в IE(7)
все на своих местах, но ссылки из второго дива не работают - вследствие того, что скорее всего он не над, а под первым дивом (видно его потому что бекраунд прозрачный). Как сделать, чтобы он всплывал поверх первого?
Спасибо.

user posted image

Код


{*всплывающий слой*}
<div style='float:right; width:150px; z-index:50000'>
     <table cellpadding='0' cellspacing='0' align='right' width='150'>
     <tr><td align='right'>
     <a href='ссылка'></a>
    </td></tr></table>
</div>
{*конец всплывающего слоя*}
{*слой основного контента*}
<div>
   <table cellpadding='0' cellspacing='0' width='100%'>
    <tr><td valign='top' width='80' align='center' style='padding: 5 15 5 5;'>
    контент   
    </td></tr></table>
</div>
{*конец слоя основного контента*}

Это сообщение отредактировал(а) piere - 14.3.2009, 12:18

webster

Дата 14.3.2009, 17:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Чтобы начал работать z-index вы должны объявить элемент позиционируемым относительно или абсолютно. position: relative;

piere

Дата 14.3.2009, 21:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Цитата(webster @ 14.3.2009, 17:41)

Чтобы начал работать z-index вы должны объявить элемент позиционируемым относительно или абсолютно. position: relative;

спасибо, уже победил.
сделал позишн абсолют и засунул все в котейнер.
smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »