VPF::как перекрыть селект дивом == IE

pythonwin

Дата 1.2.2007, 13:08 (ссылка)

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

Загрузка ...

Эксперт

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

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

Всем привет!

пожалуйста, помогите решить проблему - есть select и есть div который должен перекрывать этот select - в ФФ страбатывает, но в IE - нет == select остается видимый (поверх дива) когда div становиться активным

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>


    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <link media="all" href="div_files/dimming.css" type="text/css" rel="stylesheet">
    <script src="div_files/dimmingdiv.js" type="text/javascript"></script>
    <script src="div_files/scriptaculous.js" type="text/javascript"></script>
    <script type="text/javascript">document.write('<style type="text/css">.tabber{display:none;}<\/style>');</script>
    <style type="text/css">.tabber{display:none;}</style>
    <style type="text/css">.widgetname {font-weight:900;color:#333;}
        .sample { background-color:#FFFFDD;padding:15px;border:1px solid #C6977C; }
        .description { width:500px;font-size:10px;color:#666;padding:0;margin:0; }
        .rendered { display:block;background:#f7f7f7;border:1px solid #d7d7d7;padding:10px; } </style>
        </head>
        <body>
        <div id="dimmer" class="dimmer" style="width: 0px; height: 0px;"></div>
    
    

    <div id="top_background">
        <div id="top">
            &nbsp;</div>
    </div>
    <div style="width: 500px;" id="main_content">
        <div>
                        <div>
<select>
<option>22222</option>
</select>
11Click <span>
        <a href="javascript:open_dialog('dialog_box', 'Greetings!', '400', '200', -1, -1, false, '', '')">here </a>
    </span>to open the dialog.<br>Click <span>
        <a href="javascript:open_dialog('dialog_box', 'Greetings!', '400', '200', -1, -1, true, '', '')">here </a>
    </span>to see the modal version. <div style="position: absolute; visibility: hidden;" id="dialog_box">
                <h1>Hello there!</h1>
            </div>
        </div>
    </div>
</body></html>

Это сообщение отредактировал(а) pythonwin - 1.2.2007, 13:15

Присоединённый файл ( Кол-во скачиваний: 4 )

div._zip_ 16,97 Kb

--------------------

портал по Python
раздел на винграде по Python
язык Python

pythonwin

Дата 1.2.2007, 13:26 (ссылка)

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

Загрузка ...

Эксперт

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

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

div, который становиться видимым и должен перекрывать селект

Код


<div style="position: absolute; visibility: hidden;" id="dialog_box">
<h1>Hello there!</h1>
</div>

Добавлено @ 13:37
убрал лишнее

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <link media="all" href="div_files/dimming.css" type="text/css" rel="stylesheet">
    <script src="div_files/dimmingdiv.js" type="text/javascript"></script>
        </head>
        <body>
        <div id="dimmer" class="dimmer" style="width: 0px; height: 0px;"></div>
    <div id="top_background">
        <div id="top">
            &nbsp;</div>
    </div>
    <div style="width: 500px;" id="main_content">
        <div>
                        <div>
<select>
<option>22222</option>
</select>
11Click <span>
        <a href="javascript:open_dialog('dialog_box', 'Greetings!', '400', '200', -1, -1, false, '', '')">here </a>
    </span>to open the dialog.<br>Click <span>
        <a href="javascript:open_dialog('dialog_box', 'Greetings!', '400', '200', -1, -1, true, '', '')">here </a>
    </span>to see the modal version. <div style="position: absolute; visibility: hidden;" id="dialog_box">
                <h1>Hello there!</h1>
            </div>
        </div>
    </div>
</body></html>

Это сообщение отредактировал(а) pythonwin - 1.2.2007, 13:38

Присоединённый файл ( Кол-во скачиваний: 1 )

dimming.css_ 1,97 Kb

--------------------

портал по Python
раздел на винграде по Python
язык Python

mishaSL

Дата 1.2.2007, 13:37 (ссылка)

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

Загрузка ...

Эксперт

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

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

Это очень старый и серьезный глюк IE. Единственный вариант который я нашел за все время это:
делаешь iframe, с помощью z-index подкладываешь под div и выравниваешь по размерам своего div-а

Но если возможно избежать появления div-а на select-е то лучше не пользуйся этим способом, т.к. он довольно запарный. smile

--------------------

Лучший способ научиться программированию - это посмотреть как это делают другие...

pythonwin

Дата 1.2.2007, 13:40 (ссылка)

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

Загрузка ...

Эксперт

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

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

Цитата(mishaSL @ 1.2.2007, 16:37

)

пожалуйста, можно пример smile

Цитата(mishaSL @ 1.2.2007, 16:37

)

Но если возможно избежать появления div-а на select-е то лучше не пользуйся этим способом, т.к. он довольно запарный. smile

к сожелению пока нельзя - постановка задачи такая

--------------------

портал по Python
раздел на винграде по Python
язык Python

mishaSL

Дата 1.2.2007, 14:35 (ссылка)

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

Загрузка ...

Эксперт

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

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

Вот примерчик накидал:

Код


<div style="position: absolute; left: 50px; top: 10px; width: 150px; height: 150px;"><IFRAME scrolling="no" frameborder="0" style="z-index: -1; position: absolute; top: 0px;  left: 0px; width: 150px; height: 150px;"></IFRAME> Здесь информация Здесь информация Здесь информация Здесь информация Здесь информация Здесь информация </div>
<select name="nameSelect">
<option value="1">название</option>
<option value="1">название</option>
<option value="1">название</option>
<option value="1">название</option>
<option value="1">название</option>
</select>

div перекрывает select smile

--------------------

Лучший способ научиться программированию - это посмотреть как это делают другие...

pythonwin

Дата 2.2.2007, 06:54 (ссылка)

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

Загрузка ...

Эксперт

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

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

mishaSL, спасибо, ++1 smile

--------------------

портал по Python
раздел на винграде по Python
язык Python

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