pop up die verstopt blijft achter layer

Status
Niet open voor verdere reacties.
J

jordas

Gebruiker
Lid geworden
5 apr 2007
Berichten
26
Beste iedereen,

ik ben bezig met de site www.carolsaandemaas.nl en dat gaat redelijk voorspoedig. Er is alleen 1 ding waar ik niet in slaag om het op te lossen. Als ik de site namelijk open in Firefox dan laat hij de popup menuutjes áchter andere layers zien. Dat is heel irritant, want dan kun je ze niet gebruiken. Ik heb al geprobeert de z-index te veranderen, ook heb ik de layer waarin de popup staat verplaatst in de HTML, niks helpt. Wie kan mij hier mee helpen?

vriendelijk groet

Sjoerd
 
nog niet opgelost

Dank je Jan willem, maar het brengt me niet dichter bij de oplossing. Het is alleen wel belangrijk dat ik die vind. Ik zal nog even de broncode en de css exposen, misschien dat iemand er wijs uit kan worden.

het is een boel tekst, maar ik gooi hem er zo goed als helemaal op omdat ik niet weett waar de bug zit, aldus de html:

HTML: 
<script language="JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_0810161034_0) return;
                window.mm_menu_0810161034_0 = new Menu("root",92,18,"Geneva, Arial, Helvetica, sans-serif",12,"#333333","#FFFFFF","#FFFFFF","#FF0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0810161034_0.addMenuItem("luisterpaal","location='muziek.html'");
  mm_menu_0810161034_0.addMenuItem("bladmuziek","location='bladmuziek.html'");
  mm_menu_0810161034_0.addMenuItem("studeren","location='studeren.html'");
   mm_menu_0810161034_0.hideOnMouseOut=true;
   mm_menu_0810161034_0.bgColor='#FF0000';
   mm_menu_0810161034_0.menuBorder=1;
   mm_menu_0810161034_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0810161034_0.menuBorderBgColor='#FF0000';
  window.mm_menu_0810212106_0 = new Menu("root",161,18,"Geneva, Arial, Helvetica, sans-serif",12,"#333333","#FFFFFF","#FFFFFF","#FF0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0810212106_0.addMenuItem("huisregels","location='huisregels.html'");
  mm_menu_0810212106_0.addMenuItem("medewerkers&nbsp;gezocht!","location='gezocht.html'");
   mm_menu_0810212106_0.hideOnMouseOut=true;
   mm_menu_0810212106_0.bgColor='#FF0000';
   mm_menu_0810212106_0.menuBorder=1;
   mm_menu_0810212106_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0810212106_0.menuBorderBgColor='#FF0000';
window.mm_menu_0811111832_0 = new Menu("root",179,18,"Geneva, Arial, Helvetica, sans-serif",12,"#333333","#FFFFFF","#FFFFFF","#FF0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0811111832_0.addMenuItem("online&nbsp;inschrijven","location='formulieren2.html'");
  mm_menu_0811111832_0.addMenuItem("inschrijfformulier&nbsp;bestellen","location='formulier_bestellen.html'");
   mm_menu_0811111832_0.hideOnMouseOut=true;
   mm_menu_0811111832_0.bgColor='#FF0000';
   mm_menu_0811111832_0.menuBorder=1;
   mm_menu_0811111832_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0811111832_0.menuBorderBgColor='#FF0000';
window.mm_menu_0925123651_0 = new Menu("root",92,18,"Geneva, Arial, Helvetica, sans-serif",12,"#333333","#FFFFFF","#FFFFFF","#FF0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0925123651_0.addMenuItem("bladmuziek","location='bladmuziek.html'");
  mm_menu_0925123651_0.addMenuItem("luisterpaal","location='muziek.html'");
  mm_menu_0925123651_0.addMenuItem("studeren","location='studeren.html'");
   mm_menu_0925123651_0.hideOnMouseOut=true;
   mm_menu_0925123651_0.bgColor='#FF0000';
   mm_menu_0925123651_0.menuBorder=1;
   mm_menu_0925123651_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0925123651_0.menuBorderBgColor='#FF0000';

mm_menu_0925123651_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body><center>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="pushbox"></div>
<div id="container">
  <div id="Layer1"><img height="26" width="603" src="images/index2_01.gif"/></div>
  <div id="Layer2"><img src="images/tryout.gif" width="103" height="26" width:"103" height:"26px"/></div>
  <div id="Layer3"><img src="images/carolsaandek.jpg" /></div>
  
  <div id="Layer5"></div>
  <div id="layer6">
    <div id="textbox6">
		  <a href="kleding.html">Koorkleding</a><br />
          <a href="programma.html">Programma</a><br /> 
		  <a href="kaarten.html">Kaarten</a><br />
		  <a href="foto_2006.html">Foto's 2006</a><br />
          <a href="verona.html">Verona aan de Maas</a><br />
		  
      
    </div>
	  <div id="Homeholder"><strong><span class="style1">
        .....................................................................................</span><br />
			
			</strong><a href="index.html"><strong>home</strong></a><span class="style2"> |</span> 
			</strong><a href="mailto:info@carolsaandemaas.nl"><strong>contact</strong></a>	</div>
  </div>
  <div id="layer7">
    <div id="iframeholder">
    <h1 align="left" class="style3">Rotterdamser dan Rotterdams</h1>
    <p align="left""> Hoofdrolspeler in het kerstverhaal is namelijk niemand minder dan Ketelbinkie. In een weergaloos muzikaal spectakel waarin carols elkaar in razendsnel tempo opvolgen, krijgt het mega koor en al hun vrienden en bekenden de enige waarheid te horen over de beroemdste Rotterdammer sinds mensenheugenis.</p>
    <p align="left"> Maar er is veel meer. In deze maritieme Carols passeert het hele repertoire van de Zuiderzeeballade tot The Titanic vroeg of laat de kerstrevue. En dan hebben we het nog niet eens over klassiekers als Let it snow tot Silent night en Nowell en natuurlijk nog vele vele andere highlights.<br />
      Grote kans dat als u meezingt we met elkaar  het grootste mariniers en marinettenkoor aller tijden gaan vormen!</p>
    </div>
  </div>
  <div id="Layer4">
    <table width="461" height="28" border="2" cellpadding="0" cellspacing="0" bordercolor="#000033">
      <tr>
        <td width="112" align="center" bgcolor="#FFFFFF"><a href="#" name="link5" id="link1" onmouseover="MM_showMenu(window.mm_menu_0810161034_0,-32,22,null,'link5')" onmouseout="MM_startTimeout();"><strong>muziek</strong></a></td>
        <td width="112" align="center" bgcolor="#FFFFFF"><a href="#" name="link3" id="link2" onmouseover="MM_showMenu(window.mm_menu_0810212106_0,-18,22,null,'link3')" onmouseout="MM_startTimeout();"><strong>organisatie</strong></a></td>
        <td width="112" align="center" bgcolor="#FFFFFF"><a href="#" name="link9" id="link4" onmouseover="MM_showMenu(window.mm_menu_0811111832_0,-20,22,null,'link9')" onmouseout="MM_startTimeout();"><strong>inschrijven</strong>
		</a></td>
        <td align="center" bgcolor="#FFFFFF"><a href="links.html"><strong>links</strong></a></td>
      </tr>
    </table>
  </div>
</div>
</center>
</body>
</html>
 
en de css:

body {

vertical-align:middle;
text-align:center;
background-image:url(images/BG03.gif);

}

pre {

font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
line-height:2px;
}

#pushbox {
width:706px;
height:100px;
position:relative;
}


#container {

vertical-align:middle;
background-position:center;
margin:0px;
width:706px;
height:391px;
position:relative;
}


#Layer1{
	position: absolute;
	margin:0px;
	left: 0px;
	top: 0px;
	width: 603px;
	height: 26px;
	z-index: 6;
	filter:alpha(opacity=85);
 	-moz-opacity:.85;
	opacity:.85;
background-image:url:images/index2_01.gif;
	visibility: visible;
}

#Layer2{ 
position: absolute; 
left: 603px; 
top: 0px; 
width: 103px; 
height: 26px; 
z-index: 2; 
visibility:visible;
	filter:alpha(opacity=85);
 	-moz-opacity:.85;
	opacity:.85;
background-image:url:images/index2_02.gif;
}

#Layer3 { 
position: absolute; 
left: 0px; 
top: 26px; 
width: 706px; 
height: 94px; 
z-index: 4; 
visibility: visible;
background-image:url:images/index2_03.gif;
}



#Layer5{ 
position: absolute; 
left: 466px; 
top: 120px; 
width: 240px; 
height: 38px; 
z-index: 5; 
background-color:#000033; 
visibility: visible;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
}

#layer6 {
	position:absolute;
	left: 0px;
	top: 158px;
	width: 297px;
	height: 283px;
	z-index: 2;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);

 	-moz-opacity:.85;
	opacity:.85;
	visibility: visible;
}

#textbox6 {

margin:0px auto;
position:absolute;
width:257px;
height:207;
left:20px;
top:20px;
text-align:left;
z-index:2;
}

#textbox6 a, a:hover, a:active {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}

#layer7 {
	position: absolute;
	left: 297px;
	top: 158px;
	width: 409px;
	height: 283px;
	z-index: 2;
	background-color:#000033;
	filter:alpha(opacity=95);

 	-moz-opacity:.95;
	opacity:.95;
	visibility: visible;

}
#Layer4{
	position:absolute;
	text-align:left;
	float:left;
	left: 0px;
	top: 120px;
	width: 466px;
	height: 33px;
	z-index: 7;
	padding-top: 5px;
	visibility: visible;
}

#Layer4 a:hover, a:active{
font-size:12px;
}

#iframeholder {
	position:absolute;
	top:20px;
	left:26px;
	height:240px;
	width:359px;
	background-color: #000033;
	filter:alpha(opacity=85);

 	-moz-opacity:.85;
	opacity:.85;
	z-index: 2;
}

#Homeholder {

	margin:0px auto;
	position:absolute;
	height:55px;
	width:257;
	top:227px;
	left:20px;
	text-align:left;
	z-index:2;
}

#Homeholder a:hover, a:active {

font-size:12px;
}

a img {

border:none;

}

PS:zou het de javascript kunnen zijn? Het bizare is dat hij de Layer 4 wel bóven de andere layers laat zien, maar de pop-ups die er uit verschijnen verdwijnen naar de achtergrond. HEEL RAAR
 
Laatst bewerkt door een moderator:
De code even tussen 'tags' gezet, zo blijft het overzichtelijk.
 
Hier op't werk geen FF beschikbaar en kan moeilijk je javascripts bekijken.

Open eens je 'mm_menu.js' document en kijk of er daar met een z-index gewerkt wordt. Indien wel staat deze waarschijnlijk lager dan de layer waar hij onder komt.

Helpt dit?
 
Your my hero

Hee Cicco

je bent mijn HELD!!!! Dat was inderdaad het ding dat ik moest doen. Er was een z-index in aan te geven. Eigenlijk zo makkelijk, maar goed, voordat je zoiets bedenkt. Heel heeeel erg bedankt (en dan spreek ik waarschijnlijk ook voor de organisatie waar ik de site voor heb gemaakt) ben erg blij nu.

de zeer hartellijke groeten,

Jordas

:thumb::thumb::thumb:
 
Geen dank jordas... :) Altijd fijn als de problemen opgelost geraken.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan