Heya folks,

Running into a slight problem with a bit of web work; I have a Flash navigation menu placed underneath an invisible DIV which receives different contents depending on which link is pressed in the Flash, and of course, when pressed it's set to Visible, so you can actually read the information. (For clarification, there is a close button so you can return to the Flash navigation, otherwise it would be silly! ^^)

I have it working fine, until now, when I have finally implemented the Overflow: Scroll; CSS code, originally I had it set to "none" all along, and now when it's set to Scroll or Hidden, despite it's set to Visibility: Hidden;, it still acts as if it's there, just "100% Alpha Transparency" or something, hence you can no longer click Flash navigation buttons!

Any ideas on workarounds? I could just add more JavaScript to my Flash menu, modifying it's Z-Index to switch higher and lower when visibility is visible/hidden - but I'm not sure if you can even do that! For example:
document.getElementById('idcontent').style.z-index = '-2';
Seems a bit Far-Fetched? Regardless, prefer to avoid that business if there's a simpler workaround! ^_^

Please don't hesitate to ask for clarification on anything I said that is perhaps not clear! I tried not to write too much.

Ooookie, it turns out that according to W3 there is not Overflow: none; - my bad!

And to make things more entertaining, Z-Indexing it past and below all other DIV's still makes no difference, so my JavaScript idea is out the window.

I suppose I might be able to bodge it, so when the Content DIV is closed it's positioned left: -500px; and top: -500px;, appearing nowhere near the Flash navigation (and shouldn't affect small browser windows with massive scrollbars, since it's inside another DIV?)

I'm not and experienced Web Dev as you can no doubt tell, so now I've reported results of my proposed and failed ideal options, I place myself in your hands! (And I will continue to batter my code about in hope for a solution, as well)

I think you're looking for "display: none;"

Enjoy computers: use Ubuntu.

It would be helpful if you provided a link to what you currently have or provide the code you are currently using. I see no problem with what you are trying to accomplish - I just need a frame of reference.

Michael J

Ah damn, sorry guys, been really busy of late >_<

Not long after James Posted, I managed to test out what I had uploaded from College. If memory serves it was actually IE6 accepting everything perfectly, whether Display was set at all in the CSS File or set to None - either approached worked.

But FireFox on the other hand seemed to demand it to be defined, it had to be listed in the CSS and with Display set to None.

I am gonna look at this now, and check it out again :) I'm actually a bit stuck testing it on my home computer, for some reason it doesn't want to load this Flash File I have created in-particular, no idea why! Seems to load my old ones... perhaps I need to look at my Flash Object/Embed code.

I'll get back to ya with proper results soon!

Michael J, if I can't solve this soon I will post a link to my Site :) But it's uploaded to a free web host atm, and with Flash going on it, bandwidth could deplete fast if even a few people visit, heh.

Whoops, missed out a key bit of information on a seperate issue I raised: FireFox will load and play the Flash File without any issues, Internet Explorer v6 on the other hand, is the Browser kicking up a fuss.

Display: None; works perfectly in FireFox, but as stated just above, I couldn't say for sure in regard to IE6, but it's probably fine.

I'm currently battling this IE load issue - it doesn't happen with IE when it's uploaded to the Web Host, only when loading from my machine O_o Guess I'll just have to test it from there.

Thanks for your help guys ^_^ Just have to change a few lines of JS and I'll be on my way again!