Skip Evans: 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?
Diego: Yes! I think it's the more convenient (and compliant) way to get your application standard. Diego 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: wsg@webstandardsgroup.org > 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] *******************************************************************
