|
|
Posted by Jonathan N. Little on 05/16/06 19:54
shard wrote:
> Hi
> Just in case the spamming stopped anyone looking at the last thread:
Not spamming, off topic, yes; but spamming, no.
>
> We have a big <ul> covering a number of <p>s, each
> of which has a mouseover. In firefox this works as expected, the
> mouseovers don't
> fire, in IE the mouseovers do fire.
> If I make every <LI> have the same content then this works in IE as
> well. The
> conclusion would seem to be that although the background-color makes
> it appear that all the <li> cover the same width in reality they only
> cover up to the end of their
> contents (in IE)
> What can I do about this?
>
> (I did try setting the background-color to #ffffff but that didn't seem
> to have any effect to
> me)
>
> <body>
> <form>
>
>
> <style>
> .TopDiv
> {
> position: relative;
> z-index: 9999;
>
>
>
> }
>
>
> .TopUl
> {
> position: absolute;
> top: -100px;
> left: -30px;
> z-index: 9999;
>
>
> }
>
>
> li
> {
> position: relative;
> left: -20px;
> z-index: 9999;
>
> }
>
>
> </style>
>
> <p> <span onmouseover="alert('hi1')">hi</span>
> <p> <span onmouseover="alert('hi2')">hi</span>
> <p> <span onmouseover="alert('hi3')">hi</span>
>
>
> <div class=TopDiv>
> <ul class=TopUl>
> <li style="background-color: red;"> ----------------------------
> <li> ----------------------------
> <li style="background-color: red;"> ..
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> <li style="background-color: red;"> .
> <li> ----------------------------
> </ul>
> </div>
>
>
> </form>
> </body>
>
I did post on the other thread, but my ISP's news server link must be
flaky again so I will try again.
You've lost me on what you *really* are trying to accomplish here, but
then you either missed or ignored my point on posting a URL.
You do realize that how events propagate through the DOM differs in IE
from other browsers
http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html
Document Object Model Events
http://nexgenmedia.net/evang/iemozguide/#event_differences
IE -> Mozilla Guide for Web Application Developers
This may be the source of your trouble. But then again I have no idea
what you are trying to accomplish, there most likely a better approach.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|