asked on

Iframe Cursor position

I have two Iframes for 2 different purposes. In the first Iframe, I have a form called from another page which has textboxes.The problem is in the iframe the cursor positions itself a little above-left (to) the textbox and not in the normal way ie, in the textbox.

In the second iframe, there's a dropdown. I assume the same problem is happening here since I've to click a little left to the dropdown button to display the options.

Is there any way I can bring it to it's original position in the textbox as well as the dropdown?

bluefezteam

Is this in IE or FF, or both?

Sounds like a rendering issue with one of these browsers but I doubt both; have you tried setting the page margins inside the iframe to 0 so that everything is bang up to the edge. Also try controlling the padding and margin on the FORM tags and text fields.

Sometimes taking control over those elements helps the browser understand how to render the page properly.

digitalZo

ASKER

It's IE 7. Havent tried Firefox.

I'm a novice at CSS. So i havent set any margins or padding. How do I set the padding and margin on the FORM tags and textfields?

Page 1.aspx
This is my iframe for the form and the second one is for the calendar:
<iframe id="mydiv" style="z-index:200; position: absolute; top:15%; left:1%; border: 1px solid #006699;display:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=98)progid:DXImageTransform.Microsoft.Glow(Color=#006699,Strength=5);" src="frm_addVendor.aspx" height="505" width="730"></iframe>

<iframe id="cal" name="cal" style="z-index:200; position: absolute; top:210%; left:55%; display:none; border: 1px solid #006699; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92)progid:DXImageTransform.Microsoft.Glow(Color=#006699,Strength=5);" height="255" width="222" scrolling="no"></iframe>

Do I have to set the padding and margin on the page which I'm calling or in the Iframe tags?

ASKER CERTIFIED SOLUTION

bluefezteam

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

digitalZo

ASKER

You were right. It was the filter function which caused the problem. I set the body, form css style but it didn't make a difference. I removed the filter function and now it's working fine; but I lost all the effects. Isn't there any way to keep the effects as well as the cursor normally aligned?

Thanks for all the help. Appreciated. :-)

PS: I'd have given you the link but unfortunately it's not online yet. Still in development stages.

digitalZo

ASKER