gebbers: Problem beim öffnen??

Kann mal jemand den Text checken...in Firefox und in IE7 funktioniert eigentlich alles aber bei älteren Browsern spinnt einfach alles rum. Woran kann das liegen und wie kann ich es verhindern??
Komischerweise öffnen ältere Explorer die Seiten in Firefox als neue Seite, oder mit viel zu geringen Maßen.
Danke schon mal für eure Hilfe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Teilnehmer</title>

<SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,scrolling=no, location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = 440,top = 312');");
}
</script>
 <style type="text/css">
  body {
    color: black; background-color: white;
    font-size: 100.0%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0;
    text-align: center;
  }

div#Seite {
    text-align: left;
    margin: 0 auto;
    width: 708px;
    padding: 0.5em;
   }
   a.special:link {
 COLOR: #BABABA;
 TEXT-DECORATION: none;
}
a.special:visited {
 COLOR: #BABABA;
 TEXT-DECORATION: none;
}
a.special:active {
 COLOR: #BABABA;
 TEXT-DECORATION: none;
}
a.special:hover {
 COLOR: #0190F6;
 TEXT-DECORATION: overline underline;
}

ul#Navigation {

float: left;
margin: 0; padding: 0;
 list-style-type:none ;
  }

ul#Navigation a {
    display: block;
 font-size: 24px;
    padding: 0.2em;
 font-family: "Bell Gothic Std Light";

font-weight: bold;
  list-style-type:none ;
  }
  text {

font-size: 24px;
    padding: 0.2em;
 font-family: "Bell Gothic Std Light";
 }
.style1 {
margin-left: 8em;
  font-size: 18px;
    padding: 0.2em;
 font-family: "Bell Gothic Std Light";
link color:#FF9966;
    font-weight: bold;
}
.style2 {margin-left: 6em;font-size: 22px; padding: 0.2em; font-family: "Bell Gothic Std Light"; font-weight: bold; TEXT-DECORATION: overline underline; COLOR: #0190F6}

.style5 {
 color: #319FF6
}
    .style6 {
 COLOR: #0190F6;
 TEXT-DECORATION: overline underline;
}
    </style>
</head>
<body link="black">
<div align="center" class="banner"><img src="banner.jpg" width="708" height="188" alt="Banner" /></div>
<div id="Seite">
  <ul id="Navigation">
    <li><a href="index.html" class="special">Home</a></li>
    <li><a href="progamm.html" class="special">Programm</a></li>
    <li><a href="teilnehmer.html" class="style6">Teilnehmer</a></li>
    <li><a href="kontakt.html" class="special">Kontakt</a></li>
</ul>

<div id="text">
  <p align="left" class="style2"><u>&Auml;rzte:</u></p>
  <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/nahrath.html') ">Dr. med. Ulrike Schmitz- Nahrath</A></p>
   <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/haman.html') ">Dr.med.&nbsp;Hamann</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/schulze.html') ">PD Dr. Hans-Joachim Schulze</A></p>
     <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/burger.html') ">Dr. Monika Burger</A></p>
      <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/romelt.html') ">Frau Dr. Römelt</A></p>
     <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/oen.html') ">Ders. Oen</A></p>
    <p align="left" class="style1"> Zahn&auml;rzte&nbsp;:</p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/homolle.html')">Dr. Hom&ouml;lle</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/wersig.html') ">Dr. Petra Wersig</A></p>
       <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/m-borchard.html') ">Dr. Michael Borchard</A></p>
         <p align="left" class="style2"><u>Psychotherapeuten:</u></p>
        <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/c-borchard.html') ">Dipl.-Psych. Cornelia Borchard</A></p>
          <p align="left" class="style2"><strong><u>Physiotherapeuten</u></strong>:</p>
         <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/mally.html') ">Artur Mally</A></p>
         <p align="left" class="style1"><a href="javascript:popUp('Teilnehmer/lengerich.html')">Ingrid Gro&szlig;e Lengerich</a></p>
    <h1 align="left" class="style2"><u>Naturheilkunde:</u></h1>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/hofmann.html') ">Elisabeh Hofmann</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/gebbershtml') ">Margarete Gebbers</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/groa.html') ">Annette Gro&szlig;kopf</A></p>
   <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/reupke.html') ">Carina&nbsp; Reupke</A></p>
     <p align="left" class="style2"><u>Weitere Einrichtungen</u></span>:</p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/dorgeist.html') ">Elisabeth Dorgeist (Seniorenentrum Handorfer Hof)</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/rottman.html') ">Hildegard Rottmann (Seniorenentrum Handorfer Hof)</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/koble.html') ">Eva K&ouml;lbl (Seniorenentrum Handorfer Hof)</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/hornheide.html') ">Fachklinik Hornheide</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/handorf.html') ">Mrs. Sporty Handorf</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/sieling.html') ">Jan-Dirk Sieling (Logop&auml;die)</A></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/segeler.html') ">Konrad Segeler (Deutsches Rotes Kreuz)</A></p>
     <p align="left" class="style1"><a href="javascript:popUp('Teilnehmer/knie.html')">Meike Knierim (Diakoniestation)</a></p>
    <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/krursel.html') ">Frank Krursel (Diakoniestation)</A></p>
   <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/schwakenberg.html') ">H&ouml;rger&auml;te Schwakenberg</A></p>
</div>
  <br>
  </p>
</div>

</body>
</html>

  1. Hallo,

    bitte validiere die Seite erst einmal.

    Gruß, Ich

    1. Ich habs jetzt probiert, aber die Fehler die er mir Anzeigt sind wenig Sinnig.
      Bis auf den Fehler im Javascript konnte ich nix ändern.

      Die Seiten öffnen sich im alten IE immernoch in Firefox als neues Browserfenster und  nicht als Popup wie es eigentlich sein sollte.
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
      <title>Teilnehmer</title>

      <script type="text/javascript">
      function popUp(URL) {
      day = new Date();
      id = day.getTime();
      eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,scrolling=no, location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = 440,top = 312');");
      }
      </script>
       <style type="text/css">
        body {
          color: black; background-color: white;
          font-size: 100.0%;
          font-family: Helvetica,Arial,sans-serif;
          margin: 0;
          text-align: center;
        }

      div#Seite {
          text-align: left;
          margin: 0 auto;
          width: 708px;
          padding: 0.5em;
         }
         a.special:link {
       COLOR: #BABABA;
       TEXT-DECORATION: none;
      }
      a.special:visited {
       COLOR: #BABABA;
       TEXT-DECORATION: none;
      }
      a.special:active {
       COLOR: #BABABA;
       TEXT-DECORATION: none;
      }
      a.special:hover {
       COLOR: #0190F6;
       TEXT-DECORATION: overline underline;
      }

      ul#Navigation {

      float: left;
      margin: 0; padding: 0;
       list-style-type:none ;
        }

      ul#Navigation a {
          display: block;
       font-size: 24px;
          padding: 0.2em;
       font-family: "Bell Gothic Std Light";

      font-weight: bold;
        list-style-type:none ;
        }
        text {

      font-size: 24px;
          padding: 0.2em;
       font-family: "Bell Gothic Std Light";
       }
      .style1 {
      margin-left: 8em;
        font-size: 18px;
          padding: 0.2em;
       font-family: "Bell Gothic Std Light";
      link color:#FF9966;
          font-weight: bold;
      }
      .style2 {margin-left: 6em;font-size: 22px; padding: 0.2em; font-family: "Bell Gothic Std Light"; font-weight: bold; TEXT-DECORATION: overline underline; COLOR: #0190F6}

      .style5 {
       color: #319FF6
      }
          .style6 {
       COLOR: #0190F6;
       TEXT-DECORATION: overline underline;
      }
          </style>
      </head>
      <body link="black">
      <div align="center"><div class="banner"><img src="banner.jpg" width="708" height="188" alt="Banner" /></div></div>
      <div id="Seite">
        <ul id="Navigation">
          <li><a href="index.html" class="special">Home</a></li>
          <li><a href="progamm.html" class="special">Programm</a></li>
          <li><a href="teilnehmer.html" class="style6">Teilnehmer</a></li>
          <li><a href="kontakt.html" class="special">Kontakt</a></li>
      </ul>

      <div id="text">
        <p align="left" class="style2"><u>&Auml;rzte:</u></p>
        <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/nahrath.html') ">Dr. med. Ulrike Schmitz- Nahrath</A></p>
         <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/haman.html') ">Dr.med.&nbsp;Hamann</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/schulze.html') ">PD Dr. Hans-Joachim Schulze</A></p>
           <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/burger.html') ">Dr. Monika Burger</A></p>
            <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/romelt.html') ">Frau Dr. Römelt</A></p>
           <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/oen.html') ">Ders. Oen</A></p>
          <p align="left" class="style1"> Zahn&auml;rzte&nbsp;:</p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/homolle.html')">Dr. Hom&ouml;lle</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/wersig.html') ">Dr. Petra Wersig</A></p>
             <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/m-borchard.html') ">Dr. Michael Borchard</A></p>
               <p align="left" class="style2"><u>Psychotherapeuten:</u></p>
              <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/c-borchard.html') ">Dipl.-Psych. Cornelia Borchard</A></p>
                <p align="left" class="style2"><strong><u>Physiotherapeuten</u></strong>:</p>
               <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/mally.html') ">Artur Mally</A></p>
               <p align="left" class="style1"><a href="javascript:popUp('Teilnehmer/lengerich.html')">Ingrid Gro&szlig;e Lengerich</a></p>
          <h1 align="left" class="style2"><u>Naturheilkunde:</u></h1>
                <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/hofmann.html') ">Elisabeh Hofmann</A></p>
                <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/gebbershtml') ">Margarete Gebbers</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/groa.html') ">Annette Gro&szlig;kopf</A></p>
         <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/reupke.html') ">Carina&nbsp; Reupke</A></p>
           <p align="left" class="style2"><u>Weitere Einrichtungen</u></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/dorgeist.html') ">Elisabeth Dorgeist (Seniorenentrum Handorfer Hof)</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/rottman.html') ">Hildegard Rottmann (Seniorenentrum Handorfer Hof)</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/koble.html') ">Eva K&ouml;lbl (Seniorenentrum Handorfer Hof)</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/hornheide.html') ">Fachklinik Hornheide</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/handorf.html') ">Mrs. Sporty Handorf</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/sieling.html') ">Jan-Dirk Sieling (Logop&auml;die)</A></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/segeler.html') ">Konrad Segeler (Deutsches Rotes Kreuz)</A></p>
           <p align="left" class="style1"><a href="javascript:popUp('Teilnehmer/knie.html')">Meike Knierim (Diakoniestation)</a></p>
          <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/krursel.html') ">Frank Krursel (Diakoniestation)</A></p>
         <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/schwakenberg.html') ">H&ouml;rger&auml;te Schwakenberg</A></p>
      </div>
        <br>
      </div>

      </body>
      </html>

      1. Mahlzeit,

        Ich habs jetzt probiert, aber die Fehler die er mir Anzeigt sind wenig Sinnig.

        1. Was der Validator Dir anzeigt, sind Fehlermeldungen, keine Fehler - die hast Du vorher gemacht. ;-)

        2. Fehlermeldungen sollen nicht sinnig sein, sondern auf Fehler bzw. Probleme hinweisen.

        3. Es ist ratsam, die gemeldeten Fehler zu beheben.

        Die Seiten öffnen sich im alten IE immernoch in Firefox als neues Browserfenster und  nicht als Popup wie es eigentlich sein sollte.

        Könnte es sein, dass Du Deinem Firefox gesagt hast, dass er keine Popups zulassen bzw. Popups als neue Tabs darstellen soll oder sowas ähnliches?

        <p align="left" class="style1"><A HREF="javascript:popUp('Teilnehmer/burger.html') ">Dr. Monika Burger</A></p>

        4. Das HTML-Element <p> bezeichnet normalerweise einen http://de.selfhtml.org/html/text/absaetze.htm#definieren@title=Textabsatz. Du verwendest es hier grundfalsch.

        5. Weiterhin frage ich mich, wieso Du es mittels des "align"-Attributs formatierst UND ihm eine Klasse zuweist - derartige Formatierungen solltest Du normalerweise im CSS vornehmen.

        6. Außerdem ist der Name der Klasse ("style1") grottig - dieser sollte normalerweise semantisch deutlich machen, was das entscheidende Merkmal ist, WARUM dieses Element einer bestimmten Klasse angehört (und eben NICHT die per CSS festgelegten Standardeigenschaften dieses Elementtyps tragen soll).

        7. Du solltest Dir angewöhnen, HTML-Tags entweder IMMER alle groß oder alle klein zu schreiben - wobei ich Dir (im Hinblick auf XHTML bzw. XML) klein empfehlen würde.

        8. Das Pseudoprotokoll "javascript:" sollte besser nicht verwendet werden. Was machen Besucher Deiner Seiten, die kein Javascript haben? Ich würde den Link folgendermaßen aufbauen:

        <a href="Teilnehmer/burger.html" onclick="popUp(this.href); return false;">Dr. Monika Burger</a>

        So öffnet sich die Seite für Leute mit Javascript in einem Popup, für Leute ohne Javascript im aktuellen Fenster. Wenn Du das ändern willst, kannst Du dies ja mit Hilfe des "http://de.selfhtml.org/html/verweise/definieren.htm#zielfenster@title=target"-Attributs (entweder für den einzelnen Link oder für alle Links) ändern - dann solltest Du aber den Dokumenttyp auf "Transitional" ändern.

        Die Links solltest Du dann zentral mit CSS formatieren.

        Achja - und am Schluss noch ein Hinweis: es ist absolut NICHT notwendig, bei jedem Posting den kompletten Quellcode zu posten. Es reichen relevante Ausschnitte.

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|