Solved

IFRAMEs are hiding my page!

Posted on 2001-06-06
17
185 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
  • 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
 
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

911 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now