Silence: Hilfe benötigt!!! Problem mit Firefox!!!

Also schaut euch mal die url an http://www.suitec.org/s/suitec.html an dann erkennt Ihr unter Firefox schon das Problem!
Er macht mir 4px große löcher in die Navigation.
Internetexplorer dagegen nicht.

Hier die CSS Daten:

img {border: 0px;}

#border { position: absolute; width: 770px; height: 450px; left: 50%; top: 50%; margin-left: -385px; margin-top: -225px;  font-size: 0%;}

ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#pic { float: left; width: 69px;}

#nav { float: left; width: 142px;}

#spacer{ float: left;  height: 313px;}

#main { float: left; width: 511px;}

#spacers { float: left; }

hHer der Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></meta>
<title>Suitec - Kunstprojekt - Band - Musik - Pforzheim</title>
<link rel="stylesheet" media="all" type="text/css" href="html/suitec.css"></link>
<script type="text/JavaScript">
/* <![CDATA[ */
function objekt(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=objekt(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function Navigation(event, grpName) {
  var i,img,nbArr,args=Navigation.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = objekt(args[2])) != null && !img.DD_init) {
      img.DD_init = true; img.DD_up = args[3]; img.DD_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = objekt(args[i])) != null) {
        if (!img.DD_up) img.DD_up = img.src;
        img.src = img.DD_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.DD_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = objekt(args[i])) != null) {
      if (!img.DD_up) img.DD_up = img.src;
      img.src = (img.DD_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.DD_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.DD_nbOver.length; i++) {
      img = document.DD_nbOver[i]; img.src = (img.DD_dn) ? img.DD_dn : img.DD_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.DD_up; img.DD_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = objekt(args[i])) != null) {
      if (!img.DD_up) img.DD_up = img.src;
      img.src = img.DD_dn = (args[i+1])? args[i+1] : img.DD_up;
      nbArr[nbArr.length] = img;
  } }
}
/* ]]> */
</script>
</head>
<body>
<div id="border">
 <div id="head"><img src="bilder/top.jpg" width="770" height="87" alt="" /></div>
   <div id="pic"><img src="bilder/navpic.jpg" width="69" height="313" alt="" /></div>
    <div id="nav">
     <ul>
      <li><a href="html/news.html" onclick="Navigation('down','group1','news','',0)" onmouseover="Navigation('over','news','bilder/n1o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n1.jpg" alt="News" id="news" width="142" height="14" /></a></li>
      <li><img src="bilder/n2.jpg" width="142" height="18" alt="" /></li>
      <li><a href="html/band.html" onclick="Navigation('down','group1','band','',0)" onmouseover="Navigation('over','band','bilder/n3o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n3.jpg" alt="Band" id="band" width="142" height="14" /></a></li>
      <li><img src="bilder/n4.jpg" width="142" height="18" alt="" /></li>
      <li><a href="html/kunst.html" onclick="Navigation('down','group1','kunstprojekt','',0)" onmouseover="Navigation('over','kunstprojekt','bilder/n5o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n5.jpg" alt="Kunstprojekt" id="kunstprojekt" width="142" height="16" /></a></li>
      <li><img src="bilder/n6.jpg" width="142" height="18" alt="" /></li>
      <li><a href="html/live.html" onclick="Navigation('down','group1','live','',0)" onmouseover="Navigation('over','live','bilder/n7o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n7.jpg" alt="Live : Reviews" id="live" width="142" height="14" /></a></li>
      <li><img src="bilder/n8.jpg" width="142" height="20" alt="" /></li>
      <li><a href="html/music.html" onclick="Navigation('down','group1','musik','',0)" onmouseover="Navigation('over','musik','bilder/n9o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n9.jpg" alt="Music" id="musik" width="142" height="15" /></a></li>
      <li><img src="bilder/n10.jpg" width="142" height="20" alt="" /></li>
      <li><a href="html/pix.html" onclick="Navigation('down','group1','gallery','',0)" onmouseover="Navigation('over','gallery','bilder/n11o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n11.jpg" alt="Pictures : Gallery" id="gallery" width="142" height="12" /></a></li>
      <li><img src="bilder/n12.jpg" width="142" height="21" alt="" /></li>
      <li><a href="html/contact.html" onclick="Navigation('down','group1','contact','',0)" onmouseover="Navigation('over','contact','bilder/n13o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n13.jpg" alt="Contact : Booking" id="contact" width="142" height="15" /></a></li>
      <li><img src="bilder/n14.jpg" width="142" height="21" alt="" /></li>
      <li><a href="html/guestbook.html" onclick="Navigation('down','group1','guestbook','',0)" onmouseover="Navigation('over','guestbook','bilder/n15o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n15.jpg" id="guestbook" width="142" height="13" alt="Guestbook"/></a></li>
      <li><img src="bilder/n16.jpg" width="142" height="19" alt="" /></li>
      <li><a href="html/links.html" onclick="Navigation('down','group1','links','',0)" onmouseover="Navigation('over','links','bilder/n17o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n17.jpg" alt="Links" id="links" width="142" height="13" /></a></li>
      <li><img src="bilder/n18.jpg" width="142" height="18" alt="" /></li>
      <li><a href="html/impressum.html" onclick="Navigation('down','group1','impressum','',0)" onmouseover="Navigation('over','impressum','bilder/n19o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n19.jpg" alt="Impressum" id="impressum" width="142" height="14" /></a></li>
     </ul>
    </div>
<div id="spacer"><img src="bilder/navright.jpg" width="38" height="313" alt="" /></div>
<div id="main"><img src="bilder/main.jpg" width="511" height="313" alt="" /></div>
<div id="spacers"><img src="bilder/mainright.jpg" width="10" height="313" alt="" /></div>
<div id="bottom"><img src="bilder/n21.jpg" width="770" height="50" alt="" /></div>
</div>
</body>
</html>

Bräuchte dringend Hilfe! Bitte auch Rückmeldung zur allgemeinen Programmierqualität melden. Vielen, vielen Dank im Vorraus!

  1. Also schaut euch mal die url an http://www.suitec.org/s/suitec.html an dann erkennt Ihr unter Firefox schon das Problem!

    Das größte Problem: Da gibt's keine Seite...

    1. Also schaut euch mal die url an http://www.suitec.org/s/suitec.html an dann erkennt Ihr unter Firefox schon das Problem!

      Das größte Problem: Da gibt's keine Seite...

      Doch aber war nur 30 sek zu langsam mit dem upload, hatte nicht mit einer so fixen Antwort gerechnet.

      1. Also schaut euch mal die url an http://www.suitec.org/s/suitec.html an dann erkennt Ihr unter Firefox schon das Problem!

        Doch aber war nur 30 sek zu langsam mit dem upload, hatte nicht mit einer so fixen Antwort gerechnet.

        geht wieder nicht. lol