focus problem in overlapping frames [Archive]

Click to See Complete Forum and Search --> : focus problem in overlapping frames

PallaviDalvi

October 17th, 2005, 01:53 AM

i have two overlapping frames(created with setting z-index values). the top one has a menu and the bottom has some textbox controls. the problem is that the test boxes in the underlying frame do not get the mouse pointer correctly. ie. to set focus with mouse, i have to point the mouse a bit above the textbox. pointing exactly at the textbox(like in normal cases) does not work. i have set background as transparent for both frames and also overflow and position.
any ideas as to why this happens and what i can do to get rid of this?
Thanx in advance!

PeejAvery

October 17th, 2005, 12:08 PM

Can you post your code to give us a better grasp of what to work with.

PallaviDalvi

October 18th, 2005, 02:19 AM

the 2 frames are defined as

<iframe name="menuframe" id="menuframe" src="Topframe.htm" style="position:absolute; top:25; left:0; width:100% ; height:*; z-index:5 ;overflow:auto" allowtransparency="true" frameborder="1" />

<iframe name="mainframe" id="mainframe" src="Secondframe.htm" style="position:relative; top:35; left:0; width:100% ;height:90%; z-index:2 ;overflow:scroll" allowtransparency="true" frameborder="0" />

topframe.htm has

<BODY STYLE="background-color:transparent">
The top Frame.
</BODY>

secondframe.htm file has

<BODY STYLE="background-color:transparent;position:relative" >
This is second frame
<input type=text name="txt" id="txt" />
</BODY>

PeejAvery

October 18th, 2005, 09:22 AM

I have done a lot of testing and it seems to me that allowing transparency only changes the difference between one specific IFRAME and the parent HTML. Why use an IFRAME? Can't you just make it one whole page?