Gucky68: Mozilla1.3 und Netscape7 stellen Seite falsch dar?

Hallo,

ich habe auf der Seite www.hobbybrauer.info unter Bierbrauen folgendes Problem. Es sind scrollbalken in der Seite wo keine sein sollten.
Ich vermute die Browser haben irgendwie ein Problem mit dem JS.

Allerdings finde ich keinen Fehler.

Wäre nett wenn Ihr euch mal den Code unten anschaut ob ein Fehler drin ist.

Danke

Gucky

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>brauprozess</title>
<meta name="description" Content="Bier, Bierherstellung Schritt für Schritt für den Hobbybrauer, auch mit Theorie und Bierrezepte,Hobbybrauerforum, Biergeschichte">
<meta name="keywords" Content="Bierforum, Hobbybrauerforum, Bier, Bierrezepte, Bierherstellung, beer, brewing, Maischen, Schroten, Malz, Abläutern, Bierwürze, Hopfen, Gärung, Gärungsnebenprodukte, Kühlen, Kohlensäure, Enzyme, Biergeschichte, Bierhefe, Hobbybrauer, Hobbybrauen, Hausbrauen">
<meta name="robots" Content="index">
<meta name="robots" Content="follow">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<meta Http-EQUIV="Language" CONTENT="de">
<meta name="author" Content="Michael Schaudi jun.">
<meta name="copyright" Content="Michael Schaudi jun.">
<meta name="revisit-after" content="10 days">
<meta name="page-topic" Content="Branche Produkt">
<meta name="audience" Content="Alle">
<meta name="page-type" Content="Anleitung, Private Homepage">
<STYLE TYPE="text/css">
<!--
 BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
 .DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

A:link {color="#32CD32";text-decoration: none;font-weight: bold;}
        A:active {color="#ff0000";font-weight: bold;}
         A:visited {color="#32CD32";text-decoration: none;font-weight: bold;}
                   A:hover {color="#ff0000";text-decoration:
underline;font-weight: bold;}
//-->
</STYLE>
<style type="text/css">
<!--
a:hover {
 font: 14px Verdana, Arial, Helvetica, sans-serif;
 text-decoration: underline;
}
.links {
 font: 14px Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
        if(parent==self)
        {
        location.href=("index.html");
        }

// -->
</SCRIPT>
<script language="javascript" src="menu/sidemenu2.js"></script>
<link href="scroll.css" rel="stylesheet" type="text/css">
</head>
<BODY>
<DIV ID="dek" CLASS="dek"></DIV>

<SCRIPT TYPE="text/javascript">
<!--

/*
Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net,  http://website.lineone.net/~mike_mcgrath))
*/

Xoffset=-60;    // modify these values to ...
Yoffset= 20;    // change the popup position.

var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}

if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}

function popup(msg,bak){
var content="<TABLE  WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
 if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
 if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
 }
}

function get_mouse(e){
 var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
 var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}

function kill(){
 if(!old){yyy=-1000;skn.visibility="hidden";}
}
function dummy()
{
}
//-->
</SCRIPT>

<body bgcolor="#FFFFFF" background="besonderes/bground16.gif" text="#000000">
<table width="100%" border="0" height="100%">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>
      <div align="center"><img src="besonderes/prozess.gif" width="551" height="350" border="0" usemap="#Nachgaerung"></div>
    </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td><div align="center"><a href="haupt.htm" target="_self" class="links">Startseite</a></div></td>
    <td> </td>
  </tr>
</table>
<map name="Nachgaerung" id="Nachgaerung">
  <area shape="poly" coords="6,3,110,3,110,20,61,71,61,145,1,149,5,3,112,3" href="gerstemalzschrot.htm" target="_self" onmouseover="popup('Hier erfährt Ihr alles über Malz, die Gerste und wie man Schrott draus macht','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="114,4,193,5,194,35,112,38,113,5" href="wasser.htm" target="_self"onmouseover="popup('Die wichtigen Inhaltsstoffe des Wassers und die Wasseraufbereitung','yellow')"; Onmouseout="kill()" >
  <area shape="poly" coords="198,3,199,31,274,35,275,7,197,3" href="zubehoer.htm" target="_self" onmouseover="popup('Wichtiges Zubehör für den Anfänger','yellow')"; Onmouseout="kill()" >
  <area shape="poly" coords="280,18,280,36,368,36,368,16,283,20,283,16" href="hopfen.htm" target="_self" onmouseover="popup('Die Hopfenbestandteile, sein Einsatz für die jeweilige Biersorte und Hopfengabeberechung','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="383,4,503,3,502,21,384,22,384,4" href="technologie.htm" target="_self" onmouseover="popup('Chemische und Physikalische Einflüsse auf die Bierqualität','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="452,29,537,30,540,54,455,49,454,29,105,32" href="sensorik.htm" target="_self"onmouseover="popup('Hier erkläre ich die wichtigsten Geschmacksfehler','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="97,41,68,77,66,140,151,139,146,47,97,41" href="Maischen.htm" target="_self"onmouseover="popup('Die Aufgabe des Maischens, Die Wirkung der Enzyme','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="153,42,274,40,288,144,158,146,153,40" href="ablaeutern.htm" target="_self" onmouseover="popup('Nach dem Maischen trennt man das Flüssige, die Würze, von den Feststoffen die Spelzen','yellow')"; Onmouseout="kill()" >
  <area shape="poly" coords="301,42" href="#">
  <area shape="poly" coords="301,43,445,34,502,135,306,136,301,43" href="wuerzekochen.htm" target="_self" onmouseover="popup('Vorgänge und Aufgaben des Würzekochens','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="497,139,160,151,34,152,32,170,503,177,497,138" href="kuehlenundanstellen.htm" target="_self" onmouseover="popup('Nach dem Würzekochen muss man Kühlen, Ausserdem braucht die Würze Sauerstoff und Hefe zum Gären','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="56,179,157,177,157,345,59,339" href="Gaerung.htm" target="_self"onmouseover="popup('Der Vorgang und Sinn der Gärung','yellow')"; Onmouseout="kill()">
  <area shape="poly" coords="163,178,259,179,274,201,293,233,326,262,395,267,451,267,497,266,518,266,518,305,519,350,443,348,300,343,163,345" href="nachgaerung.htm" target="_self"onmouseover="popup('Aufgabe und Vorgang der Nachgärung','yellow')"; Onmouseout="kill()">
</map>
</body>
</html>

  1. Hallo,

    ich habe auf der Seite www.hobbybrauer.info unter Bierbrauen folgendes Problem. Es sind scrollbalken in der Seite wo keine sein sollten.
    Ich vermute die Browser haben irgendwie ein Problem mit dem JS.

    Allerdings finde ich keinen Fehler.

    Da ist auch kien Fehler.

    var nav,old,iex=(document.all),yyy=-1000;
    if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}

    Du testet hier auf genau zwei Browser und zwar auf den IE 4.x und Netscape 4.x, das Skript Bedarf dringenst einer Überarbeitung, damit es auch mit modernen Browsern funktioniert.

    Zur weiteren Lektüre sei dir der abschnitt über dHTML empfohlen http://selfhtml.teamone.de/dhtml/index.htm

    Struppi.

    P.S. deine Seite ist ohne Javascript nicht nutzbar. Du solltest davon ausgehen, dass eher mehr Leute JS ausschalten werden als weniger, da i.d.R. JS dazu verwendet wird um den Besucher mit werbepopups zu zumüllen und insofern surfen ohne IMHO wesentlich angenehmer ist.