liamloveslearning Posted November 18, 2009 Share Posted November 18, 2009 Hi, Im currently working on a website which contains an iframe, my navigation is just above my iframe and has a dropdown, my problem is the dropdown dissapears under my iframe, Ive given my dropdown a z-index much higher than my iframes and tried everything I can think of, you can see the problem here www.liamm.co.uk/s if anybody can help me that would be great Quote Link to comment Share on other sites More sharing options...
JustLikeIcarus Posted November 18, 2009 Share Posted November 18, 2009 Your iframe css needs to have position:relative; added to it because z-index will not work without a position set. Also the flashcontent div inside the iframe needed position:relative; z-index:1; added. After that i was able to see the menu above the flash. Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 thanks again bud, Ill have a go now, I did think I tried relative but maybe not! thanks again Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 no luck, its working on the rest of my pages without the flash element, but the homepage containing the flash doesnt seem to work Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 im not sure if this has anything to do with it, but im working on a mac and its fine on that, just not on a pc, its like the os is having an effect as opposed to the browser :S Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 just seen this, cant figure it out tho but i presume wmode has some part in thi http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index Quote Link to comment Share on other sites More sharing options...
JustLikeIcarus Posted November 18, 2009 Share Posted November 18, 2009 One of the main issues causing this is the flash. You need to specify wmode="transparent" as one of the flash attributes. Its a known issue with flash and html elements. Also set the position and z-index of the flash element along with adding the position and z-index of the jqueryslider ul. I messed with it through firebug and finally got it to display right. Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 still no luck, fine on mac crap on pc, ive even tried flushing the dns and clearing the entire cache hoping it may do something, buggared! thanks anyway Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 im giving up on this idea now so im looking for an alternative to tiltviewer, has anybody any recommendations of javasceipt based galleries as opposed flash? thanks Quote Link to comment Share on other sites More sharing options...
premiso Posted November 18, 2009 Share Posted November 18, 2009 jQuery Image Galleries If you want it all flashy and dynamic look into jQuery as it has a decent user contribution base and generally works out of the box. Quote Link to comment Share on other sites More sharing options...
liamloveslearning Posted November 18, 2009 Author Share Posted November 18, 2009 thanks premiso Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.