Layers and Netscape

[Jason]

I have a webpage that contains a few layers arranged and javascripted to
look like a rollover menu. The Menu layers have a higher z-number than the
Layer I'll load content into (ScrollingLayer), but I still can't get the
rollover menu to
stay visible when my cursor scrolls down and meets the point where the two
layers (rollover menu Layers and ScrollingLayer) meet. Anybody know what's
going on?
Thanks,

-J.

<div id="ScrollingLayer" name="ScrollingLayer" style="position:absolute;
left:185px; top:126px; width:575px; height:554px; z-index:0; overflow:
scroll;">
<p>&nbsp;</p>
</div>
<div id="WhoWeAreLayer" style="position:absolute; top:119px; width:98;
height:32; z-index:1; visibility: hidden; overflow: visible; left: 172px;"
onMouseOver="MM_showHideLayers('WhoWeAreLayer','', 'show')"
onMouseOut="MM_showHideLayers('WhoWeAreLayer','',' hide')">
<table width="100%" height="32" border="0" cellpadding="0" cellspacing="0"
onMouseOver="MM_showHideLayers('WhoWeAreLayer','', 'show')"
onMouseOut="MM_showHideLayers('WhoWeAreLayer','',' hide')">
<tr>
<td height="16" bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('OurMission','','../../images/OurMissionNavOverBut
ton.gif',1)"><img src="../../images/OurMissionNavOffButton.gif" alt="Our
Mission" name="OurMission" width="68" height="16" border="0"></a></div></td>
</tr>
<tr>
<td height="16" bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('BoardOfTrustees','','../../images/BoardNavOverBut
ton.gif',1)"><img src="../../images/BoardNavOffButton.gif" alt="Board Of
Trustees" name="BoardOfTrustees" width="98" height="16" border="0"
onMouseOver="MM_showHideLayers('BOTComm','','show' )"
onMouseOut="MM_showHideLayers('BOTComm','','hide') "></a></div></td>
</tr>
</table>
</div>
<div id="DonorCornerLayer" style="position:absolute; left:333px; top:119px;
width:108; height:64px; z-index:2; visibility: hidden;">
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
onMouseOver="MM_showHideLayers('DonorCornerLayer', '','show')"
onMouseOut="MM_showHideLayers('DonorCornerLayer',' ','hide')">
<tr>
<td bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('PlannedGiving','','../../images/PlannedNavOverBut
ton.gif',1)"><img src="../../images/PlannedNavOffButton.gif" alt="Planned
Giving" name="PlannedGiving" width="109" height="16"
border="0"></a></div></td>
</tr>
<tr>
<td bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('HowToGive','','../../images/HowNavOverButton.gif'
,1)"><img src="../../images/HowNavOffButton.gif" alt="How To Give"
name="HowToGive" width="109" height="16" border="0"
onMouseOver="MM_showHideLayers('HowToGiveSub','',' show')"
onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide')"></a></div></td>
</tr>
<tr>
<td bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('DonorEvents','','../../images/DonorEventsNavOverB
utton.gif',1)"><img src="../../images/DonorEventsNavOffButton.gif"
alt="Donor Events" name="DonorEvents" width="109" height="16"
border="0"></a></div></td>
</tr>
<tr>
<td bgcolor="#000000"> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('DonorRecognition','','. ./../images/DonorRecogniti
onNavOverButt.gif',1)"><img
src="../../images/DonorRecognitionNavOffButto.gif" alt="Donor Recognition"
name="DonorRecognition" width="109" height="16" border="0"></a></div></td>
</tr>
</table>
</div>
</div>
<div id="HowToGiveSub" style="position:absolute; width:135; height:38px;
z-index:3; left: 442px; top: 135px; visibility: hidden;"
onMouseOver="MM_showHideLayers('HowToGiveSub','',' show');MM_showHideLayers('
DonorCornerLayer','','show')"
onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide');MM_showHideLayers('D
onorCornerLayer','','hide')">
<table width="100" border="0" cellpadding="0" cellspacing="0"
onMouseOver="MM_showHideLayers('HowToGiveSub','',' show')"
onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide')">
<tr>
<td bgcolor="#000000"><div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('WashburnFund','','../../images/WashburnFundNavOve
rButton.gif',1)"><img src="../../images/WashburnFundNavOffButton.gif"
alt="Washburn Fund" name="WashburnFund" width="91" height="16"
border="0"></a></div></td>
</tr>
<tr>
<td bgcolor="#000000"><div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('MajorCorporate','','../../images/MajorCorporateGi
ftsNavOverB.gif',1)"><img src="../../images/MajorCorporateGiftsNavOffBu.gif"
alt="Major & Corporate Gifts" name="MajorCorporate" width="135" height="16"
border="0"></a></div></td>
</tr>
<tr>
<td bgcolor="#000000"><div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('SpecialProjects','','../../images/SpecialProjects
NavOverButton.gif',1)"><img
src="../../images/SpecialProjectsNavOffButton.gif" alt="Special Projects"
name="SpecialProjects" width="90" height="16" border="0"></a></div></td>
</tr>
</table>
</div>
<div id="BOTComm" style="position:absolute; width:112px; height:47px;
z-index:4; left: 268px; top: 135px; visibility: hidden;"
onMouseOver="MM_showHideLayers('BOTComm','','show' );MM_showHideLayers('WhoWe
AreLayer','','show')"
onMouseOut="MM_showHideLayers('BOTComm','','hide') ;MM_showHideLayers('WhoWeA
reLayer','','hide')">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('ExecComm','','../../images/ExecutiveCommitteeNavO
verBu.gif',1)"><img src="../../images/ExecutiveCommitteeNavOffBut.gif"
alt="Executive Committee" name="ExecComm" width="147" height="16"
border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('FinComm','','../../images/FinanceCommitteeNavOver
Butt.gif',1)"><img src="../../images/FinanceCommitteeNavOffButto.gif"
alt="Finance Committee" name="FinComm" width="147" height="16"
border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('DevComm','','../../images/DevelopmentCommitteeNav
Over.gif',1)"><img src="../../images/DevelopmentCommitteeNavOffB.gif"
alt="Development Committee" name="DevComm" width="147" height="16"
border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('NomComm','','../../images/NominatingCommitteeNavO
verB.gif',1)"><img src="../../images/NominatingCommitteeNavOffBu.gif"
alt="Nominating Committee" name="NomComm" width="147" height="16"
border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('AuditComm','','../../images/AuditCommitteeNavOver
Button.gif',1)"><img src="../../images/AuditCommitteeNavOffButton.gif"
alt="Audit Committee" name="AuditComm" width="147" height="16"
border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('BibleComm','','../../images/BibleCommitteeNavOver
Button.gif',1)"><img src="../../images/BibleCommitteeNavOffButton.gif"
alt="Bible Committee" name="BibleComm" width="147" height="16"
border="0"></a></td>
</tr>
</table>
</div>

[Murray *TMM*]

Jason:

NN4x willl not put scrollbars into layers, so if you want to support this
browser, your approach will not work.

Applying events directly to a <div> tag like you have is certain to cause
you some cross-browser/platform problems. I woud not use this approach at
all.

Finally, putting percent sized tables into positioned layers will also cause
confusion in the page rendering.

Looks like a return to the drawing board to me....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
ANSWERS
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"Jason" <jasondivis@hotmail.com> wrote in message
news:bf3ulm$mas$2@forums.macromedia.com...

> I have a webpage that contains a few layers arranged and javascripted to
> look like a rollover menu. The Menu layers have a higher z-number than the
> Layer I'll load content into (ScrollingLayer), but I still can't get the
> rollover menu to
> stay visible when my cursor scrolls down and meets the point where the two
> layers (rollover menu Layers and ScrollingLayer) meet. Anybody know what's
> going on?
> Thanks,
>
> -J.
>
> <div id="ScrollingLayer" name="ScrollingLayer" style="position:absolute;
> left:185px; top:126px; width:575px; height:554px; z-index:0; overflow:
> scroll;">
> <p>&nbsp;</p>
> </div>
> <div id="WhoWeAreLayer" style="position:absolute; top:119px; width:98;
> height:32; z-index:1; visibility: hidden; overflow: visible; left: 172px;"
> onMouseOver="MM_showHideLayers('WhoWeAreLayer','', 'show')"
> onMouseOut="MM_showHideLayers('WhoWeAreLayer','',' hide')">
> <table width="100%" height="32" border="0" cellpadding="0"

cellspacing="0"

> onMouseOver="MM_showHideLayers('WhoWeAreLayer','', 'show')"
> onMouseOut="MM_showHideLayers('WhoWeAreLayer','',' hide')">
> <tr>
> <td height="16" bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('OurMission','','../../images/OurMissionNavOverBut

> ton.gif',1)"><img src="../../images/OurMissionNavOffButton.gif" alt="Our
> Mission" name="OurMission" width="68" height="16"

border="0"></a></div></td>

> </tr>
> <tr>
> <td height="16" bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('BoardOfTrustees','','../../images/BoardNavOverBut

> ton.gif',1)"><img src="../../images/BoardNavOffButton.gif" alt="Board Of
> Trustees" name="BoardOfTrustees" width="98" height="16" border="0"
> onMouseOver="MM_showHideLayers('BOTComm','','show' )"
> onMouseOut="MM_showHideLayers('BOTComm','','hide') "></a></div></td>
> </tr>
> </table>
> </div>
> <div id="DonorCornerLayer" style="position:absolute; left:333px;

top:119px;

> width:108; height:64px; z-index:2; visibility: hidden;">
> <div align="center">
> <table width="100%" border="0" cellpadding="0" cellspacing="0"
> onMouseOver="MM_showHideLayers('DonorCornerLayer', '','show')"
> onMouseOut="MM_showHideLayers('DonorCornerLayer',' ','hide')">
> <tr>
> <td bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('PlannedGiving','','../../images/PlannedNavOverBut

> ton.gif',1)"><img src="../../images/PlannedNavOffButton.gif" alt="Planned
> Giving" name="PlannedGiving" width="109" height="16"
> border="0"></a></div></td>
> </tr>
> <tr>
> <td bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('HowToGive','','../../images/HowNavOverButton.gif'

> ,1)"><img src="../../images/HowNavOffButton.gif" alt="How To Give"
> name="HowToGive" width="109" height="16" border="0"
> onMouseOver="MM_showHideLayers('HowToGiveSub','',' show')"
> onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide')"></a></div></td>
> </tr>
> <tr>
> <td bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('DonorEvents','','../../images/DonorEventsNavOverB

> utton.gif',1)"><img src="../../images/DonorEventsNavOffButton.gif"
> alt="Donor Events" name="DonorEvents" width="109" height="16"
> border="0"></a></div></td>
> </tr>
> <tr>
> <td bgcolor="#000000"> <div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('DonorRecognition','','. ./../images/DonorRecogniti

> onNavOverButt.gif',1)"><img
> src="../../images/DonorRecognitionNavOffButto.gif" alt="Donor Recognition"
> name="DonorRecognition" width="109" height="16" border="0"></a></div></td>
> </tr>
> </table>
> </div>
> </div>
> <div id="HowToGiveSub" style="position:absolute; width:135; height:38px;
> z-index:3; left: 442px; top: 135px; visibility: hidden;"
>

onMouseOver="MM_showHideLayers('HowToGiveSub','',' show');MM_showHideLayers('

> DonorCornerLayer','','show')"
>

onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide');MM_showHideLayers('D

> onorCornerLayer','','hide')">
> <table width="100" border="0" cellpadding="0" cellspacing="0"
> onMouseOver="MM_showHideLayers('HowToGiveSub','',' show')"
> onMouseOut="MM_showHideLayers('HowToGiveSub','','h ide')">
> <tr>
> <td bgcolor="#000000"><div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('WashburnFund','','../../images/WashburnFundNavOve

> rButton.gif',1)"><img src="../../images/WashburnFundNavOffButton.gif"
> alt="Washburn Fund" name="WashburnFund" width="91" height="16"
> border="0"></a></div></td>
> </tr>
> <tr>
> <td bgcolor="#000000"><div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('MajorCorporate','','../../images/MajorCorporateGi

> ftsNavOverB.gif',1)"><img

src="../../images/MajorCorporateGiftsNavOffBu.gif"

> alt="Major & Corporate Gifts" name="MajorCorporate" width="135"

height="16"

> border="0"></a></div></td>
> </tr>
> <tr>
> <td bgcolor="#000000"><div align="left"><a href="#"
> onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('SpecialProjects','','../../images/SpecialProjects

> NavOverButton.gif',1)"><img
> src="../../images/SpecialProjectsNavOffButton.gif" alt="Special Projects"
> name="SpecialProjects" width="90" height="16" border="0"></a></div></td>
> </tr>
> </table>
> </div>
> <div id="BOTComm" style="position:absolute; width:112px; height:47px;
> z-index:4; left: 268px; top: 135px; visibility: hidden;"
>

onMouseOver="MM_showHideLayers('BOTComm','','show' );MM_showHideLayers('WhoWe

> AreLayer','','show')"
>

onMouseOut="MM_showHideLayers('BOTComm','','hide') ;MM_showHideLayers('WhoWeA

> reLayer','','hide')">
> <table width="100" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('ExecComm','','../../images/ExecutiveCommitteeNavO

> verBu.gif',1)"><img src="../../images/ExecutiveCommitteeNavOffBut.gif"
> alt="Executive Committee" name="ExecComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('FinComm','','../../images/FinanceCommitteeNavOver

> Butt.gif',1)"><img src="../../images/FinanceCommitteeNavOffButto.gif"
> alt="Finance Committee" name="FinComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('DevComm','','../../images/DevelopmentCommitteeNav

> Over.gif',1)"><img src="../../images/DevelopmentCommitteeNavOffB.gif"
> alt="Development Committee" name="DevComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('NomComm','','../../images/NominatingCommitteeNavO

> verB.gif',1)"><img src="../../images/NominatingCommitteeNavOffBu.gif"
> alt="Nominating Committee" name="NomComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('AuditComm','','../../images/AuditCommitteeNavOver

> Button.gif',1)"><img src="../../images/AuditCommitteeNavOffButton.gif"
> alt="Audit Committee" name="AuditComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> <tr>
> <td><a href="#" onMouseOut="MM_swapImgRestore()"
>

onMouseOver="MM_swapImage('BibleComm','','../../images/BibleCommitteeNavOver

> Button.gif',1)"><img src="../../images/BibleCommitteeNavOffButton.gif"
> alt="Bible Committee" name="BibleComm" width="147" height="16"
> border="0"></a></td>
> </tr>
> </table>
> </div>
>
>