Hi there,

I am having some trouble with an embedded iframe and am looking for some insight. I have this page I am working on, it is alot of tables and a pretty poor layout but I did not design it, I am just working on it. The iframe has a popup on the calendar that is getting cutoff by the page it is embedded in. I have tried some variations of z-index but I cannot figure it out. Here is the current embedded iframe code:

<iframe src ="http://wwgbe.com/novatravel/index.asp" frameborder="0" scrolling="no" allowtrasnparency="yes" style=" postion:relative; width:410px; height:275px; border:none;"></iframe>

You can see it here: http://www.nova.moorewebexposure.com

Thanks for any help.

Hi lamordnt,
I can see the iframe is give inline style height and width. Can you increase the height and width property of the iframe in the inline CSS? I hope this will work

Your code:-
<iframe src ="http://wwgbe.com/novatravel/index.asp" frameborder="0" scrolling="no" allowtrasnparency="yes" style="width:475px; height:275px; position:inherit; right:0px"></iframe>

hmmmm have no idea dude !

Thanks for looking folks. I have done some searching - a couple hours worth - and have come to the conclusion that there is no way to do this with an iframe. What I ended up doing is re-designing the page so that I can display the frame at a wider setting and allow the inframe pop-up to be shown.

I am not much for Javascript but it sounds like there might be away to achieve what I am looking for with that but I don't have time to go down that road.