Div Woes

OK guys I know this isnt a javascrip forum, but I am building a .net
application on the web so, it kinda lets me ask the question at least :)


I have the following constructs

************* divOUTER **********
*
* ****** TABLE ******
* * * * * * * * * * *
* * * * * * * * * * *
* ********************
*
*********************************

Absolutely positioned on the top left hand corner of dvOuter is another div
which is about 30px wide and as high as divOuter. This of course partially
covers the table as well. I have a mouseOver and mouseOut event tied to that
div. Unfortuately, the mouseOver and mouseOut events of the tableCells
trigger the divMouseOver and divMouseOut events as well. I have tried to use
the cancelBubble on the events for the table cells , tr and table itself,
but the overlaid div events allways fire. I am useing IE6.

Any ideas ?

Re: Div Woes

As long as the z order is higher on the other div, the portion over the part
where it obscures the table will fire that hover event.

If this is not the case, then download Firefox and get Firebug. It helps you
see which styles are in order when you are on a certain element. You can
then experiment until you get it right, as Firebug allows you to edit the
styles without actually committing to the files, so you can play as much as
you like.

--
Gregory A. Beamer
MVP, MCP: +I, SE, SD, DBA

Subscribe to my blog
http://gregorybeamer.spaces.live.com/lists/feed.rss

or just read it:
http://gregorybeamer.spaces.live.com/

*************************************************
| Think outside the box!
|
*************************************************
"Microsoft Newsserver" wrote in message
news:Ok1l9X8nIHA.3976@TK2MSFTNGP03.phx.gbl...
> OK guys I know this isnt a javascrip forum, but I am building a .net
> application on the web so, it kinda lets me ask the question at least :)
>
>
> I have the following constructs
>
> ************* divOUTER **********
> *
> * ****** TABLE ******
> * * * * * * * * * * *
> * * * * * * * * * * *
> * ********************
> *
> *********************************
>
> Absolutely positioned on the top left hand corner of dvOuter is another
> div which is about 30px wide and as high as divOuter. This of course
> partially covers the table as well. I have a mouseOver and mouseOut event
> tied to that div. Unfortuately, the mouseOver and mouseOut events of the
> tableCells trigger the divMouseOver and divMouseOut events as well. I have
> tried to use the cancelBubble on the events for the table cells , tr and
> table itself, but the overlaid div events allways fire. I am useing IE6.
>
> Any ideas ?
>
>
>
>
>
>
>

Re: Div Woes

Hi Greg

Thanks for your reply. Yes the z-index is higher.

Basically if there is no background on the obsurcing div where the mouseover
and mouseout events are attached then it seems that the underlying object
events get fired as well as the overlaying object ( my div ).



"Cowboy (Gregory A. Beamer)" wrote in
message news:%239IJn19nIHA.4328@TK2MSFTNGP03.phx.gbl...
> As long as the z order is higher on the other div, the portion over the
> part where it obscures the table will fire that hover event.
>
> If this is not the case, then download Firefox and get Firebug. It helps
> you see which styles are in order when you are on a certain element. You
> can then experiment until you get it right, as Firebug allows you to edit
> the styles without actually committing to the files, so you can play as
> much as you like.
>
> --
> Gregory A. Beamer
> MVP, MCP: +I, SE, SD, DBA
>
> Subscribe to my blog
> http://gregorybeamer.spaces.live.com/lists/feed.rss
>
> or just read it:
> http://gregorybeamer.spaces.live.com/
>
> *************************************************
> | Think outside the box! |
> *************************************************
> "Microsoft Newsserver" wrote in message
> news:Ok1l9X8nIHA.3976@TK2MSFTNGP03.phx.gbl...
>> OK guys I know this isnt a javascrip forum, but I am building a .net
>> application on the web so, it kinda lets me ask the question at least :)
>>
>>
>> I have the following constructs
>>
>> ************* divOUTER **********
>> *
>> * ****** TABLE ******
>> * * * * * * * * * * *
>> * * * * * * * * * * *
>> * ********************
>> *
>> *********************************
>>
>> Absolutely positioned on the top left hand corner of dvOuter is another
>> div which is about 30px wide and as high as divOuter. This of course
>> partially covers the table as well. I have a mouseOver and mouseOut event
>> tied to that div. Unfortuately, the mouseOver and mouseOut events of the
>> tableCells trigger the divMouseOver and divMouseOut events as well. I
>> have tried to use the cancelBubble on the events for the table cells , tr
>> and table itself, but the overlaid div events allways fire. I am useing
>> IE6.
>>
>> Any ideas ?
>>
>>
>>
>>
>>
>>
>>
>
>

Re: Div Woes

I am about to get into the same situation with a project we have. I will
have to see what happens when I overlay in this manner.

--
Gregory A. Beamer
MVP, MCP: +I, SE, SD, DBA

Subscribe to my blog
http://gregorybeamer.spaces.live.com/lists/feed.rss

or just read it:
http://gregorybeamer.spaces.live.com/

*************************************************
| Think outside the box!
|
*************************************************
"Microsoft Newsserver" wrote in message
news:OlS470HoIHA.1240@TK2MSFTNGP02.phx.gbl...
> Hi Greg
>
> Thanks for your reply. Yes the z-index is higher.
>
> Basically if there is no background on the obsurcing div where the
> mouseover and mouseout events are attached then it seems that the
> underlying object events get fired as well as the overlaying object ( my
> div ).
>
>
>
> "Cowboy (Gregory A. Beamer)" wrote in
> message news:%239IJn19nIHA.4328@TK2MSFTNGP03.phx.gbl...
>> As long as the z order is higher on the other div, the portion over the
>> part where it obscures the table will fire that hover event.
>>
>> If this is not the case, then download Firefox and get Firebug. It helps
>> you see which styles are in order when you are on a certain element. You
>> can then experiment until you get it right, as Firebug allows you to edit
>> the styles without actually committing to the files, so you can play as
>> much as you like.
>>
>> --
>> Gregory A. Beamer
>> MVP, MCP: +I, SE, SD, DBA
>>
>> Subscribe to my blog
>> http://gregorybeamer.spaces.live.com/lists/feed.rss
>>
>> or just read it:
>> http://gregorybeamer.spaces.live.com/
>>
>> *************************************************
>> | Think outside the box! |
>> *************************************************
>> "Microsoft Newsserver" wrote in message
>> news:Ok1l9X8nIHA.3976@TK2MSFTNGP03.phx.gbl...
>>> OK guys I know this isnt a javascrip forum, but I am building a .net
>>> application on the web so, it kinda lets me ask the question at least :)
>>>
>>>
>>> I have the following constructs
>>>
>>> ************* divOUTER **********
>>> *
>>> * ****** TABLE ******
>>> * * * * * * * * * * *
>>> * * * * * * * * * * *
>>> * ********************
>>> *
>>> *********************************
>>>
>>> Absolutely positioned on the top left hand corner of dvOuter is another
>>> div which is about 30px wide and as high as divOuter. This of course
>>> partially covers the table as well. I have a mouseOver and mouseOut
>>> event tied to that div. Unfortuately, the mouseOver and mouseOut events
>>> of the tableCells trigger the divMouseOver and divMouseOut events as
>>> well. I have tried to use the cancelBubble on the events for the table
>>> cells , tr and table itself, but the overlaid div events allways fire. I
>>> am useing IE6.
>>>
>>> Any ideas ?
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>
>>
>
>