HELP! DIV throws off position of cursor

norrisoft · norrisoft

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

norrisoft · norrisoft

NEVER MIND!! Missing </head> TAG was the culprit. LOL! too many long hours.

Thanks!

Steve

Michael Fesser · Michael Fesser

..oO(norrisoft)

>NEVER MIND!! Missing </head> TAG was the culprit. LOL! too many long hours.

[url]http://validator.w3.org[/url]

Micha

norrisoft · norrisoft

I was wrong about the missing head tag.

GREAT link! Thanks!! BUT, I ran it through and my xhtml now checks out OK,
but the PROBLEM REMAINS. Here's the fixed code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Div Page Align Test</title>
</head>
<body>
<br/>
<br/>
<form action="" method="post" name="frameForm">
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/>
<select name = "selectBox" size="1"><option
value="option1">Option1</option><option
value="option2">Option2</option></select>
<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"/>
</form>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
<div id="myDive" style="position:absolute; width:2880px;height:2880px;
z-index:99; left: 0px; top: 0px; visibility: visible;"/>
</body>
</html>

Michael Fesser · Michael Fesser

..oO(norrisoft)

>I was wrong about the missing head tag.
>
> GREAT link! Thanks!! BUT, I ran it through and my xhtml now checks out OK,
>but the PROBLEM REMAINS. Here's the fixed code.

What are you trying to accomplish? The 'div' sits on top of everything
else, so it will receive all clicks.

Two other things:

o Learn how to use 'label' elements to improve the form's usability.

17.9.1 The LABEL element
[url]http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1[/url]

o You should drop the "reset" button.

Reset / Cancel Button Considered Harmful
[url]http://www.useit.com/alertbox/20000416.html[/url]

Micha

norrisoft · norrisoft

I grabbed this form off of the web a few years ago. I have just been using it
to test.

OK, here are two links - one with a div and no content in the div and one with
transparent flash content in the div. At first, I thought the transparent
flash was the culprit but even without the transparent flash content, the empty
div causes the same problem. So the mere fact of having a divabove the form
seems to throw off the page alignment.

[url]http://www.norrisoft.com/testing/showoff/targetPageDivNoDivContent.html[/url]

[url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]

Anyone got any ideas?

Murray *ACE* · Murray *ACE*

Have you yet explained what you are trying to accomplish with this
arrangement?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"norrisoft" <snorris@norrisoft.com> wrote in message
news:e3imna$ch0$1@forums.macromedia.com...

>I grabbed this form off of the web a few years ago. I have just been using
>it
> to test.
>
> OK, here are two links - one with a div and no content in the div and one
> with
> transparent flash content in the div. At first, I thought the transparent
> flash was the culprit but even without the transparent flash content, the
> empty
> div causes the same problem. So the mere fact of having a divabove the
> form
> seems to throw off the page alignment.
>
> [url]http://www.norrisoft.com/testing/showoff/targetPageDivNoDivContent.html[/url]
>
> [url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]
>
> Anyone got any ideas?
>

Michael Fesser · Michael Fesser

..oO(norrisoft)

>I grabbed this form off of the web a few years ago. I have just been using it
>to test.

Test what?

> OK, here are two links - one with a div and no content in the div and one with
>transparent flash content in the div. At first, I thought the transparent
>flash was the culprit but even without the transparent flash content, the empty
>div causes the same problem.

The 'div' _is_ the problem! No offense intended, but do you understand
what you're doing there? It's like laying a glass plate on top of your
keyboard and wondering why you can't type anymore.

Micha

norrisoft · norrisoft

It is not quite a "glass" plate. I CAN get into the fields and type in them.
The cursor just thinks the field is higher up on the page than it is. Try it.
Deftly place your mouse at the TOP edge of a field. You will get the I-bar and
you CAN click and get into the field. My question is, what can I do to adjust
for this alignment problem?

On this page:

[url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]

If you place your cursor in the fields and tab through them, context-sensitve
help, with text, sound, and video will appear - atleast a test version with
irrelevant, text, sound and video in this example.

Thanks,

Steve

Murray *ACE* · Murray *ACE*

<ahem>
WHAT IS IT YOU ARE THINKING THIS DIV IS GOING TO DO FOR YOU?
</ahem>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"norrisoft" <snorris@norrisoft.com> wrote in message
news:e3it4h$jmg$1@forums.macromedia.com...

> It is not quite a "glass" plate. I CAN get into the fields and type in
> them.
> The cursor just thinks the field is higher up on the page than it is. Try
> it.
> Deftly place your mouse at the TOP edge of a field. You will get the
> I-bar and
> you CAN click and get into the field. My question is, what can I do to
> adjust
> for this alignment problem?
>
> On this page:
>
> [url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]
>
> If you place your cursor in the fields and tab through them,
> context-sensitve
> help, with text, sound, and video will appear - atleast a test version
> with
> irrelevant, text, sound and video in this example.
>
> Thanks,
>
> Steve
>

norrisoft · norrisoft

AHEM??

The DIV as it is NOW does NOTHING. Is is just the simplest code to display
the PROBLEM at hand.

Look, try this link from my above post using WIN/IE:

WHAT THIS DIV DOES FOR ME IS ALLOW ME TO EMBED A TRANSPARENT FLASH CONTEXT
SENSITIVE HELP ABOVE THE FORM.

I thought the transparent Flash was the problem, but it is NOT. I simplified
my code to just be the empty div and the problem still exists. I GOOGLED the
problem and apparently div's cause vertical alignment problems. ANYONE have a
solution.

I have come up with a Flash/Javascript solution, but would prefer to exhaust
an attemtps at a simpler .html solution first.

AHEM.

norrisoft · norrisoft

Here's the link again:

[url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]

Michael Fesser · Michael Fesser

..oO(norrisoft)

>It is not quite a "glass" plate. I CAN get into the fields and type in them.

Yes, in IE, but this is clearly a bug.

Test it in a real browser and you'll see how it's supposed to be. The
div is positioned above anything else on the virtual z-axis. It covers
the entire area, blows up the page size to nearly 3000px and will
receive all clicks! Give it a background color to see it more clearly.

Just because it's transparent doesn't mean it is not there. Of course IE
has its own braindead opinion on that.

One question remains: Why are you doing it?

Micha

norrisoft · norrisoft

Try the link again (I fixed a bug) in what you refer to as a "real" browser (I
make the div invisible to non win/IE browsers so users of non WIN/IE browsers
can interact with the orignal web page:

[url]http://www.norrisoft.com/testing/showoff/targetPage.html[/url]

As far as WHY I'm doing it, try the link in win/IE. Context-sensitive help on
a form is a cool and valuabe feature. Your so-called "bug" enables me to do
this in WIN/IE. Penicillin was just a "bug" until someone found a use for it.
Low-life's take advantage of "bugs" in IE to do harm. I take advantage of a
what you call a "bug" in IE to do good.

All evolution takes place because errors in copying of genetic code - a bug.
What you see as a bug, I see as a feature/opportunity.

Obviously, you don't care about IE and can't help me, but thank you for the
stimulating conversation.

Magic Maker · Magic Maker

norrisoft, I bellieve I can see what you are trying to do...

from what I can see, you need to change the z-index to -1 that will put the
div tag behind the form objects and should fix your problem.

Murray *ACE* · Murray *ACE*

Definitely do NOT use negative z-indices, or you will only see things happen
in IE.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"Magic Maker" <webforumsuser@macromedia.com> wrote in message
news:e3kp40$quo$1@forums.macromedia.com...

> norrisoft, I bellieve I can see what you are trying to do...
>
> from what I can see, you need to change the z-index to -1 that will put
> the
> div tag behind the form objects and should fix your problem.
>

norrisoft · norrisoft

A negative Z index will completely defeat what I am trying to do. It will work
on the test page, because the flash content is infront of a blank white section
of the page. If I use a negative z-index, if the page had text or graphics
where the white is, that would then obscure the flash content.

Thanks for trying to help though.

Murray *ACE* · Murray *ACE*

A negative z-index doesn't work to fix anything, especially not Flash
overlay problems, which is unaffected by z-index settings completely.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"norrisoft" <snorris@norrisoft.com> wrote in message
news:e3l8p7$eur$1@forums.macromedia.com...

>A negative Z index will completely defeat what I am trying to do. It will
>work
> on the test page, because the flash content is infront of a blank white
> section
> of the page. If I use a negative z-index, if the page had text or
> graphics
> where the white is, that would then obscure the flash content.
>
> Thanks for trying to help though.
>

Magic Maker · Magic Maker

Very true.....

Didn't actually see it as a flash file.... lol..... I assumed that the div simply contained img files... silly me....

norrisoft · norrisoft

Just for fun, I wanted to see what a negative z-index would do. On a similar
page but with graphics and text and a div above with transparent flash content,
I set the div's z-index to -1. In Win/IE ,the div appeared BEHIND the text and
graphics. So in WIN/IE a negative z-index does have a result.

We have completely digressed off of what my orignal post was about, in that
I'm hoping someone can tell me how to deal with a div affecting vertical
alignment in Win/IE.

Thanks

Steve

HELP! DIV throws off position of cursor

Thread Tools

Display

HELP! DIV throws off position of cursor

Similar Questions and Discussions

Cursor moving in one position

Cursor position in the mx:TextInput

setting cursor position

How can I can I get the cursor mouse position (x, y) ??

cursor in position

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Re: HELP! DIV throws off position of cursor

Posting Permissions