Hi Evans,
  the problem is neither linked both to scriptaculous and your CSS.
  This is a well-known IE bug.
  The only way that you have to render a popup over the <select> items is
with an iframe (only in IE). 
  This is not so clear, and is totally invalid if you have a page XHTML 1.0
Strict... but it's the only solution.
  Another way you can follow (only if the popup overrides completely the
select boxes you can hide them when the popup is visible then re-show them
on the popup close event.

Sorry for my poor and non-understandable English :)

Cheers.

Diego La Monica (IWA/HWG)
Web 2.0 - Standards - Accessibilità
mobile: +39 3337235382 - skype: diego.la.monica
web: http://diegolamonica.info - http://jastegg.it
 
-----Messaggio originale-----
Da: Skip Evans [mailto:[EMAIL PROTECTED] 
Inviato: sabato 26 aprile 2008 18.21
A: [email protected]
Oggetto: [WSG] Scriptaculous pop up over drop downs

Hey all,

I'm using Scriptaculous to create pop up windows 
that sit over the browser to hold forms for user 
input.

I have a really weird situation on one page with 
IE 6 & 7 where the pop up appears over the browser 
content, but two drop downs under the pop up bleed 
right through and look as if they're in the pop 
up. (It works fine in FF, naturally.)

I tried increasing the z-index value in the CSS 
for the pop up, but this had no affect. Here is 
the CSS for the pop up.

.popup_panel {
        position: absolute;
        text-align: left;
        top: 100px;
        left: 180px;
        margin: 0 0 1px 0;
        border: 2px solid #555;
        z-index: 100;
        background-color: #fff;
        color: #999;
}

And the JS code that displays the pop up looks 
like this:

var url='modules.php?mod=players&req=addplayer';
displayText('popup_space',url);
$('popup_space').show();
return false;

popup_space is set at the top of the header.html, 
main template file:

<div id="popup_space" style="display: none;"></div>

I'm baffled at this point, so any advice would be 
greatly appreciated.

Thanks!
Skip

-- 
Skip Evans
Big Sky Penguin, LLC
503 S Baldwin St, #1
Madison, WI 53703
608-250-2720
http://bigskypenguin.com
=-=-=-=-=-=-=-=-=-=
Check out PHPenguin, a lightweight and versatile
PHP/MySQL, AJAX & DHTML development framework.
http://phpenguin.bigskypenguin.com/


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to