Hey Diego,
No problem with the English. It was kind a good
response. I think first I'll try a hide and
display with JS on the drop downs.
I get the impression that might be the most
cross-browser compatible solution.
Sound about right?
Skip
Diego La Monica wrote:
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]
*******************************************************************
