PDA

Click to See Complete Forum and Search --> : DIV throwing off cursor/I-bar position

webHeretic
05-06-2006, 12:49 AM
I put together a quick page to show something strange. If I remove the <Div> everything is fine. With the <Div> the cursor is off. That is, if you place your mouse directly over a field, you don't get the I-bar and can't click on the field to enter it. However, if you deftly place your mouse over the top edge of a field, the I-bar appears and you can click it to enter. This only happens with the <Div>, not without it.

Anyone got any ideas?

Here's the code:

<HTML>
<br>
<br>
<head>
<body>
<FORM action="" method="post" name="frameForm">
<P>
First name: <INPUT type="text" name="firstname" id="firstname"><BR>
Last name: <INPUT type="text" name="lastname"><BR>
email: <INPUT type="text" name="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<p><select name = "selectBox" size="1"><option value="option1">Option1</option><option value="option2">Option2</option></select></p>
<INPUT type="checkbox" name="sex" value="Yes"> Yes<BR>
<INPUT type="checkbox" name="sex" value="No"> No<BR>
<INPUT type="reset">
<INPUT type="submit" value="Send">
</P>
</FORM>
</body/>
<div id="myDiv" name="myDiv" style="position:absolute; width:2880px;height:2880px; z-index:99; left: 0px; top: 0px; visibility: visible;">
</html>

TIA,

Steve
webHeretic
05-06-2006, 12:59 AM
NEVER MIND!! MISSING </Head> tag was the culprit. LOL. Too many long hours.

Thanks,

Steve
webHeretic
05-06-2006, 01:06 AM
This is driving me nuts. Thanks.
wasim_@_drushti
05-06-2006, 03:06 AM
Hello,
I have spotted the issue in the code.
I expect a Good Chocolate in return.

Issues:
No.1 :: You have placed the body end tag on a wrong position & the syntax is wrong as well. It is </body/> instead of </body>

NO.2 :: The height & width of the DIV tag is bothering the form. Reduce it to a certain extent. You will get to know the effect when you remove the width & height attriubte of the div tag.
-----------------------------------
I have mentioned the issues & their soultions, Now please send me a Chocolate or mail me an image of it. QUCIKLY :p
webHeretic
05-06-2006, 04:45 AM
Actually my code had more problems than that but I fixed it using:

http://validator.w3.org/check

I also didn't need to get rid of the height and width.

Turns out the div isn't my problem after all, it is apparently the content that I load into it (not shown in the code)

Thanks for your help.
wasim_@_drushti
05-06-2006, 05:04 AM
Actually my code had more problems than that but I fixed it using:

http://validator.w3.org/check

I also didn't need to get rid of the height and width.

Turns out the div isn't my problem after all, it is apparently the content that I load into it (not shown in the code)

Thanks for your help.

Aaisaahan FARAMOSH :p :p :p :mad: