?
Solved

IFRAMEs are hiding my page!

Posted on 2001-06-06
17
Medium Priority
?
191 Views
Last Modified: 2010-04-09
I've been designing a website which makes use of inline frames in a few places, and I've just realized that the iframes are hiding my javascript drop-down menus - is there an easy solution to this, some way of putting the iframe in the background or something??

Thanks,
Evan
0
Comment
Question by:musqua
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
  • 4
  • +4
17 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6161985
In IE5.5 maybe.  The z-index is supposed to apply to frames and Iframe.  Everything else...No chance.  You need to re-arrange the location of things or move things out of the way dynamically.

Cd&
0
 

Expert Comment

by:preeth
ID: 6162653
Can any one explain me the difference between frames and iframes, where exactly we use iframes.

Preeth
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6162916
You would use an iFrame only in rare occasions in my humble opinion...but to be precise...iframes are floating frames....they are working as any other normal layer would, but with the functionality of a frame....

For example if you have a large page and in the middle you want to have a frame that will hold news from another site....now you could go about this the hard way and create a frameset around the middle frame so it will look like a big page with a frame in the middle but that would take a very good design and some good programming to work properly....

The easier way to do this is with the use of iFrames (although they are no picnic either...) where you would just have the normal page and declare a iFrame in the center of it...set the source of it to the page you would like and bingo...there you go...the same effect but with only 1 frame....but there comes the problems....compatibility sucks for that...Netscape uses iLayer instead and those will hardly ever look the same....

As for the original question...Cd& already answered that one....there is no way that you can get all browsers to show the layer on top of the iFrame...the best thing to do when faced with a situation like that is to reconsider the design.....

Hope this sheds some light...

Max.
0
WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6163318
You finaly back from vacation Max?

Cd&
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6163370
As you can see Cd&...

I missed EE...but am happy I had a nice vacation.... :-)

Max.
0
 
LVL 18

Accepted Solution

by:
bruno earned 0 total points
ID: 6182237
you gotta pay for the PAQ but there is code there that will do what you want...


Good Luck!


BRUNO
0
 
LVL 18

Expert Comment

by:bruno
ID: 6182241
huh...did i not post the link??


http://www.experts-exchange.com/jsp/qShow.jsp?ta=html&qid=20116800


let's try this again!

:-)
0
 

Author Comment

by:musqua
ID: 6209261
Dagnabbit, just found how to do it...

add 'allowtransparency="true"' to my iframe tags. Simple as that.

No javascript required.

0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6209449
They would still be behind your iFrame though....

Max.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6209971
Allowtransparency is a single browser version solution.  It works in IE 5.5 only and is not w3c standard, so it will likely not be around in later versions as M$ moves closer to the standard.

All right if you just want it to work on your machine.  but if it is going on hte WEB half the users will not see it the same way.

Cd&
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6210343
Yep...

Max.
0
 
LVL 18

Expert Comment

by:bruno
ID: 6214833
i guess it is up to musqa....

musqa, if you want it to work on all browsers check the link i posted.

BRUNO
0
 

Expert Comment

by:teacher_mod
ID: 6374475
This question has been abandoned. Would the experts please indicate how
this should be closed out. Is there a comment which should be accepted?
Should the points be split? Should it be reduced to zero points and PAQed?
should it be deleted?  In the absence of direction, the default will be
for me to delete.

TIA for helping to clean up the old questions.

teacher_mod
Community Support Moderator
Experts-Exchange
teacher_mod@experts-exchange.com


0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6375663
zero PAQ.  The user seems happy with the partial solution they found themselves.

Cd&
0
 
LVL 18

Expert Comment

by:bruno
ID: 6375848
*shrug*  the link i posted has a valid solution from an earlier thread of mine that would do exactly what they wanted....but they didn't use it so...

BRUNO
0
 
LVL 1

Expert Comment

by:kodiakbear
ID: 6521619
0
 
LVL 18

Expert Comment

by:bruno
ID: 6675646
kb,

that link doesn't work? (granted it was a few months ago...)


BRUNO
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question