[Aack]

Hi guys

Hoping someone can help me solve an issue I'm having with iframes. I will try my best to explain it clearly.

I am combining a header and footer of one website with the content area of another. I've done this by using an iframe and set the width to 100% and the height to the specific height / space it uses.

The problem is that the iframe used in the header area also has a drop down menu navigation, so when the menu is hovered over, the drop down menu works as expected, but it's obviously hidden due to the iframe being fixed in height.

I was thinking that z-index could help me, but it doesn't.

Any one have an idea on how to get the overflowing content from the iframe header drop down menu to load on top of the content below it? Or am I wasting my time?

Thanks for reading!

[estel]

You're wasting your time. For a number of security reasons, it's not possible to do this with an iframe. A better solution might be to load the subpage's content using javascript to inject it into your DOM.

[addylad]

Not sure whether you could use PHP to include it directly in your page. Or maybe AJAX/JS to detect that the drop-down menu is open, and expand the iframe gracefully.