sockel: IE - Firefox

Hallo

Ich weiss nicht mehr weiter. Die Darstellung klappt im Firefox und auch im Opera gar nicht.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
 <title>Wirthschaft zum L&ouml;wen</title>
 <link rel="STYLESHEET" type="text/css" href="style.css">
  <SCRIPT language="JavaScript">
  <!--
  bild1normal = new Image();
  bild1normal.src ="images/start_1.gif";
  bild1over = new Image();
  bild1over.src = "images/start_2.gif";

bild2normal = new Image();
  bild2normal.src = "images/ort_1.gif";
  bild2over = new Image();
  bild2over.src = "images/ort_2.gif";

bild3normal = new Image();
  bild3normal.src = "images/gast_1.gif";
  bild3over = new Image();
  bild3over.src = "images/gast_2.gif";

bild4normal = new Image();
  bild4normal.src = "images/ange_1.gif";
  bild4over = new Image();
  bild4over.src = "images/ange_2.gif";

bild5normal = new Image();
  bild5normal.src = "images/lage_1.gif";
  bild5over = new Image();
  bild5over.src = "images/lage_2.gif";

bild6normal = new Image();
  bild6normal.src = "images/oeff_1.gif";
  bild6over = new Image();
  bild6over.src = "images/oeff_2.gif";

bild7normal = new Image();
  bild7normal.src = "images/woche_1.gif";
  bild7over = new Image();
  bild7over.src = "images/woche_2.gif";

function Bildwechsel(id,zielobjekt)
  {
   window.document.images[id].src = zielobjekt.src;
  }
  //-->
  </SCRIPT>

<script language="JavaScript" type="text/javascript">
  <!--
  function change(tausch_bild_name,neues_bild_name)
   {
    window.document[tausch_bild_name].src = "images/"+neues_bild_name+".jpg";
   }
  //-->
  </script>
</head>

<body marginheight="0" marginwidth="0">
<table cellspacing="0" cellpadding="0" align="center" border=0>
<tr>
 <td>
 <!-- links -->
 <table class="navi" cellspacing="0" cellpadding="0" align="left" border=0>
  <tr>
   <td>
 <!-- scriptbilder -->
   <table class="navi1" cellspacing="0" cellpadding="0" align="left">
    <tr>
     <td><img src="images/navi_lage.jpg" width="180" height="100" name="gr" border="0"></td>
    </tr>
   </table>
 <!-- navigation -->
   <table class="navi2" cellspacing="0" cellpadding="0" align="left" border=0 background="images/navi.jpg">
    <tr>
     <td align="center"><a href="index.htm" onmouseOver="Bildwechsel('bild1',bild1over) + change('gr','navi_start')" onmouseOut="Bildwechsel('bild1',bild1normal)"><img src=images/start_1.gif border=0 id="bild1"></a></td>
    </tr>
    <tr>
     <td align="center"><a href="ort.htm" onmouseOver="Bildwechsel('bild2',bild2over) + change('gr','navi_ort')" onmouseOut="Bildwechsel('bild2',bild2normal)"><img src=images/ort_1.gif border=0 id="bild2"></a></td>
    </tr>
    <tr>
     <td align="center"><a href="gasthaus.htm" onmouseOver="Bildwechsel('bild3',bild3over) + change('gr','navi_gasthaus')" onmouseOut="Bildwechsel('bild3',bild3normal)"><img src=images/gast_1.gif border=0 id="bild3"></a></td>
    </tr>
    <tr>
     <td align="center"><a href="angebot.htm" onmouseOver="Bildwechsel('bild4',bild4over) + change('gr','navi_angebot')" onmouseOut="Bildwechsel('bild4',bild4normal)"><img src=images/ange_1.gif border=0 id="bild4"></a></td>
    </tr>
    <tr>
<!--      <td align="center"><a href="woche.htm" onmouseOver="Bildwechsel('bild7',bild7over) + change('gr','navi_woche')" onmouseOut="Bildwechsel('bild7',bild7normal)"><img src=images/woche_1.gif border=0 id="bild7"></a></td>
    </tr> -->
    <tr>
     <td align="center"><a href="lage.htm" onmouseOver="Bildwechsel('bild5',bild5over) + change('gr','navi_lage')" onmouseOut="Bildwechsel('bild5',bild5normal)"><img src=images/lage_1.gif border=0 id="bild5"></a></td>
    </tr>
    <tr>
     <td align="center"><a href="kontakt.htm" onmouseOver="Bildwechsel('bild6',bild6over) + change('gr','navi_kontakt')" onmouseOut="Bildwechsel('bild6',bild6normal)"><img src=images/oeff_1.gif border=0 id="bild6"></a></td>
    </tr>
    <tr>
     <td align="center"><img src="images/1x1.gif" width="1" height="170" alt="" border="0"></td>
    </tr>
   </table>
   </td>
  </tr>
  <!-- body -->
 </table><table class="start" cellspacing="0" cellpadding="0" align="left" background="images/start.jpg">
  <tr>
   <td>&nbsp;</td>
  </tr>
 </table>

</td>
</tr>
</table>

<table class="copy" cellspacing="0" cellpadding="0" align="center"><tr><td align="left">&copy; 2003 Wirthschaft zum L&ouml;wen / published by <a  href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#72;&#65;&#82;&#82;&#77;&#65;&#64;&#103;&#109;&#120;&#46;&#108;&#105;">harrma</a></td></tr></table>

</body>
</html>

Gruss Sockel

  1. Hallo Sockel!

    Ich weiss nicht mehr weiter. Die Darstellung klappt im Firefox und auch im Opera gar nicht.

    Ich finde die Darstellung toll. Es sind zwei Tabellen die Bilder als Inhalt in tabellarischer Form darstellen. Was klappt daran nicht?

    Schönen Gruß

    Afra

    1. Danke Afra.

      Eigentlich gehts mir um die Darstellung im Firefox und Opera. Im ie läut schon alles i.o. Aber in den anderen Browsern nicht. (Tabellen werden verschoben und vorallem klappen die Links für die Seitenwechsel nicht!)

      Gruss
      Sockel

      1. Hallo Sockel!

        Eigentlich gehts mir um die Darstellung im Firefox und Opera. Im ie läut schon alles i.o. Aber in den anderen Browsern nicht. (Tabellen werden verschoben und vorallem klappen die Links für die Seitenwechsel nicht!)

        Also bei mir sehe ich die Tabellen im Firefox gar nicht, weil ich natuerlich die Bilder die du referenzierst nicht sehen kann. Ist dem tabellarischen Inhalt, den Du in Deinen Tabellen listest (also den Bildern) und hinter den Links die Du darauf gelegt hast eine Detailansicht des Bildes? Oder weshalb legst Du da Links darauf, die noch dazu so Bezeichnungen wie "lage.htm" oder auch "angebot.htm" haben, dass man dahinter eher eine Navigation vermuten wuerde, als tabellarischen Inhalt?

        Vielleicht waere es besser eine anschaubare Darstellung verlinkt betrachten zu koennen. oder Du sagst uns was _Du_ gerne sehen moechtest.

        Schönen Gruß

        Afra

        1. Hi Afra,

          Wenn du dir bitte die Seite mal im Ie betrachten könntest und dann z.b. im Firefox, wäre sehr nett.

          Die Url ist: http:/www.loewen.li

          Ich hätte gerne, dass die Seite in den anderen Browsern wie im IE läuft.

          Gruss
          sockel

          1. Hallo sockel!

            Die Url ist: http:/www.loewen.li

            Und das waere ein Link gewesen: http:/www.loewen.li

            Ich hätte gerne, dass die Seite in den anderen Browsern wie im IE läuft.

            Die Seite laeuft doch auch in den anderen Browsern? Nur koennen die halt keine zwei Tabellen in einer Zelle nebeneinander darstellen weil ihnen der Platz fehlt. Fuehre diese Tabellen in eine zusammen. Besser noch: Verwende als Navigation eine Liste (ul) und auch fuer den Inhalt semantisches Markup. Kein Wunder, dass ich Deinen Seitenaufbau an Hand des Codes nicht verstanden habe. Musste mich in den vorhergehenden Postings mit dem Code beschaeftigen wie dies ein Suchmaschinenrobot tut.

            Du verwendste deprecated Code und solltest Dich ausfuehrlich mit CSS beschaeftigen.

            Schönen Gruß

            Afra

            1. Hallo!

              Und das waere ein Link gewesen: http:/www.loewen.li

              Jetzt habe ich den genauso falsch kopiert...

              http://www.loewen.li/

              Schönen Gruß

            2. Re Afra

              Ich glaub, mir merkt man fast nicht an, dass ich hier Neuling bin...

              ;-)

              Ich versuch, die Seite umzuschreiben, wie du es mir empfiehlst. Und wenn ich Fragen habe, (ganz bestimmt sogar), dann post ichs wieder hier.

              Danke!

              1. Hi,

                Ich glaub, mir merkt man fast nicht an, dass ich hier Neuling bin...

                doch doch. Tabellenlayout, Bildwechsel per JavaScript und der invalide Code sprechen Bände.

                Ich versuch, die Seite umzuschreiben, wie du es mir empfiehlst.

                Gute Wahl. Kleiner Tipp: Ich kann auf der Seite nicht die Spur von tabellarischen Daten erkennen, also ist die richtige Anzahl von Tabellen im Code genau 0.

                Cheatah

                --
                X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
            3. Hallo nochmals, Afra

              Ich arbeite mit Homesite 5.0. Jetzt habe ich auf der Homepage index.html einmal alle Fehler aus der Fehlerkonsole aufgearbeitet. Dazu eine Frage:

              Und zwar hab ich das Attribut "background" aus dem tabletag rausgenommen und zum .css dazugefügt. Leider wird jetzt das background .jpg überhaupt nicht mehr angezeigt. Vorher war es ja zumindest im ie ersichtlich.

              alt im index.html:
              <table class="navi2" cellspacing="0" cellpadding="0" align="left" border=0 background="images/navi.jpg">

              neu im .css:
              table.navi2{
               width : 180px;
               height : 420px;
               vertical-align : top;
               background-image : url(images/navi.jpg);
              }

              Weisst du, was ich falsch mache?

              Gruss
              sockel

              1. Hallo sockel!

                Weisst du, was ich falsch mache?

                Auf Grund dieser Aussage nicht. Aber vielleicht versuchst Du tatsaechlich suerst einmal einen vernuenftigen Aufbau Deiner Seite zu erreichen.

                D.h. meiner Meinung nach, einen umschliessenden Container in dem Du links Deine Navigation als Liste floaten laesst und einen mittels linkem Margin eingeruecktem rechten Container in dem Du Deinen Inhalt sauber stapelst. Dann duerftest Du das im OP beschriebene Problem auch nicht mehr haben. Schau auf den Selfhtml Seiten bei der CSS Hilfe einfach mal nach und beschaeftige Dich damit. Vorher macht es meiner Meinung nach keinen Sinn ueber die Fehler im Layout Deiner Seite zu reden.

                Schönen Gruß

                Afra

                1. OK. Ich versuchs. Vielen Dank!

                  Gruss
                  Sockel

  2. Nur mal so nebenbei! 2003 ist schon ne Weile her. Ich würde dein Copyright mal bilse aktualisieren, wie gesagt: nur so nebenbei...

    GRIAS

    1. Danke für den Hinweis.
      (Nur mal so nebenbei gesagt...)

      Ich werds korrigieren.

      Sockel