Rönnie: 2 Fragen!

Hallo,

ich versuche gerade folgendes Script in meine Seite einzubinden. Es ist ein Pop-Up-Navigations Script und scheint auch zu funktionieren. Es gibt aber zwei Probleme:

  1. Da meine Seite 2 Frames hat (oben/unten) und die Navigationsleiste am der unteren Kante des oberen Frames liegt verdeckt der untere (main frame) die Pop Up Navigationspunkte wenn sich diese nach unten öffnen. Kann ich die "Reihenfolge" der Frames irgendwie beeinflussen oder was könnte ich machen?

und 2.: Eigentlich habe ich alle Tabellen im Script gleich bearbeitet. Die Tabellen 1-3 & 7 funktionieren auch (d.h. das pop up öffnet sich nacht unten). Bei 4, 5 & 6 tut sich allerdings gar nichts & ich kann keinen Fehler finden...

Vielen Dank schon mal für die Hilfe!

Gruß Rönne

Hier noch mein kompletter oberer Frame inkl. Script:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

<body text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" background="top_groß.gif">   <tr>     <td width="1000" height="142"><p align="right"> </p>       <br>     </td>     <td background="../support_test/top_klein.gif"> </td>   </tr> </table> <style>

.menu

{

position: absolute;

top:85;

z-index: 2;

}

.submenu

{

position: absolute;

top: 85;

z-index: 0;

visibility: hide;

visibility: hidden;

}

</style> <script> <!-- var old; var memold; if(document.layers) {  window.captureEvents(Event.MOUSEDOWN);  window.onmousedown=do_out; } else {  document.onmousedown=do_out; } function show_layer(x) {  if(document.layers)   document.layers[x].visibility="show";  else   document.all[x].style.visibility="visible"; } function hide_layer(x) {  if(document.layers)   document.layers[x].visibility="hide";  else   document.all[x].style.visibility="hidden"; } function do_menu(x) {  if(!old)   old=memold;  if(old!=x)  {   show_layer(x);   old=x;  } else   old=""; } function do_check(x) {  if(old && old!=x)  {   hide_layer(old);   show_layer(x);   old=x;  } } function do_out() {  if(old)   hide_layer(old);  memold=old;  old=""; } // --> </script> <div id="m1" class="menu" style="left: 230; z-index: 2"> <table width="50" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b><font face="Arial Narrow">Home</font></b></a>         </div></td>   </tr> </table> </div> <div id="m1x" class="submenu" style="left: 230; top:85;  z-index: 0;"> <table width="50" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>    </tr> </table> </div>

<div id="m2" class="menu" style="left: 280; z-index: 2"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b><font face="Arial Narrow">Unternehmen</font></b></a>         </div></td>   </tr> </table> </div> <div id="m2x" class="submenu" style="left: 280; top:85;  z-index: 0;"> <table width="100" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td height="128" valign="bottom" bgcolor="333366"><a href="#"><font size="2" face="Arial Narrow">Unternehmen         und Credo</font></a><font size="2" face="Arial Narrow"><br>         <a href="#">Standorte</a><br>         <a href="#">Stellenangebote</a><br>         <a href="#">Impressum und AGB</a></font></td>   </tr> </table> </div>

<div id="m3" class="menu" style="left: 380;"> <table width="70" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td><div align="center"><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b><font face="Arial Narrow">Produkte</font></b></a>         </div></td>   </tr> </table> </div> <div id="m3x" class="submenu" style="left: 380; top:85; z-index: 0;"> <table width="70" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td height="143" valign="bottom"><a href="#"><font size="2" face="Arial Narrow">Produkt-Entwicklung</font></a><font size="2" face="Arial Narrow"><br>         <a href="#">Formenbau-Lösung</a><br>         <a href="#">Fertigung<br>         <a href="#">Datenaus-tausch (Automotive)</a></font></td>   </tr> </table> </div>

<div id="m4" class="menu" style="left: 450; z-index: 2"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m4x')" onmouseover="do_check('m4x')"><b><font face="Arial Narrow">Unternehmen</font></b></a>         </div></td>   </tr> </table> </div> <div id="m4x" class="submenu" style="left: 450; top:85;  z-index: 0;"> <table width="100" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366">   <tr>       <td height="128" valign="bottom" bgcolor="333366"><a href="#"><font size="2" face="Arial Narrow">Unternehmen         und Credo</font></a><font size="2" face="Arial Narrow"><br>         <a href="#">Standorte</a><br>         <a href="#">Stellenangebote</a><br>         <a href="#">Impressum und AGB</a></font></td>   </tr> </table> </div>

<div id="m5" class="menu" style="left: 550;"> <table width="60" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000">   <tr>       <td bordercolor="#FFFFFF" bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m5x')" onmouseover="do_check('m5x')">    <b><font face="Arial Narrow">Support</font></b></a>         </div></td>   </tr> </table> </div> <div id="m4x" class="submenu" style="left: 580; top:85; z-index: 0;"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000">   <tr>       <td height="110" valign="bottom" bordercolor="#FFFFFF" bgcolor="#333366"><a href="#"><font size="2" face="Arial Narrow">Kontakt-Hotline</font></a><font size="2" face="Arial Narrow"><br>         <a href="#">Nützliche-Links</a><br>         <a href="#">Hardware-IT-Empfehlung</a><br>         <a href="#">Downloads</a> </font> </td>   </tr> </table> </div>

<div id="m6" class="menu" style="left: 610;"> <table width="60" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000">   <tr>       <td bordercolor="#FFFFFF" bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m6x')" onmouseover="do_check('m6x')"><font face="Arial Narrow"><strong>Kontakt</strong></font></a></div></td>   </tr> </table> </div> <div id="m6x" class="submenu" style="left: 610; top:85; z-index: 0;"> <table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="70">   <tr>   </tr> </table> </div>

<div id="m7" class="menu" style="left: 670;"> <table width="80" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000">   <tr>       <td bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m7x')" onmouseover="do_check('m7x')"><b><font face="Arial Narrow">Referenzen</font></b></a></div></td>   </tr> </table> </div> <div id="m7x" class="submenu" style="left: 670; top:85; z-index: 0;"> <table width="80" height="73" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000">   <tr>     <td height="71" valign="bottom" bgcolor="#333366"><a href="#"><font size="2" face="Arial Narrow">Referenzliste</font></a><font size="2" face="Arial Narrow"><br>         <a href="#">Showroom</a></font> </td>   </tr> </table> </div> </body> </html>

  1. Hallo Rönnie,

    1. Da meine Seite 2 Frames hat (oben/unten) und die Navigationsleiste am
      der unteren Kante des oberen Frames liegt verdeckt der untere (main frame)
      die Pop Up Navigationspunkte wenn sich diese nach unten öffnen.

    Der Anzeigebereich für in Frames eingesperrte Seiten liegt meines Wissens
    immer innerhalb der Framegrenzen. Dieses gilt auch für vermeintlich nicht
    zur Seite gehörenen Dinge, in diesem Fall Popups. Die Alternative ist nur,
    auf Frames zu verzichten.

    und 2.:
    Eigentlich habe ich alle Tabellen im Script gleich bearbeitet.

    Weswegen ich mir diesen Quelltextwust auch nciht antue. Am besten, Du
    überprüfst die Dateien, die Dein Frameset ausmachen mit dem Validator
    des W3Cs. Ich finde beim überfliegen dieser Tag Soup einige Fehler, die
    Du beseitigen solltest.

    http://validator.w3.org/

    • Tim
    --
    #992