Arngrim: Verrutschendes Bild in Frame

Hallo,

habe (mal wieder) ein kleines Problem. Auf einer Seite (die leider noch nicht im Netz steht) habe ich eine Reihe von Frames angelegt. In zwei dieser Frames befindet sich jeweils nur eine <div> Anweisung, innerhalb derer eine Grafik geladen wird (ich benutze das <div> also zum punktgenauen Positionieren. Klicke ich in der Naehe des Randes dieser beiden Frames willkuerlich herum, kommt es vor, dass das dargestellt Bild nach oben wandert.

Woran koennte dies liegen? Wird evtl. der <DIV> Bereich irgendwie verschoben? Die Frames sind jedenfalls mit noresize gekennzeichnet, an ihnen sollte es also eigentlich nicht liegen.

Ach ja, das Problem tritt mit dem IE5 auf, habe es noch nicht mit Netscape probiert.

Irgendwelche Ideen?

Ciao,
Arngrim

  1. Hallo,

    habe (mal wieder) ein kleines Problem. Auf einer Seite (die leider noch nicht im Netz steht) habe ich eine Reihe von Frames angelegt. In zwei dieser Frames befindet sich jeweils nur eine <div> Anweisung, innerhalb derer eine Grafik geladen wird (ich benutze das <div> also zum punktgenauen Positionieren. Klicke ich in der Naehe des Randes dieser beiden Frames willkuerlich herum, kommt es vor, dass das dargestellt Bild nach oben wandert.

    Woran koennte dies liegen? Wird evtl. der <DIV> Bereich irgendwie verschoben? Die Frames sind jedenfalls mit noresize gekennzeichnet, an ihnen sollte es also eigentlich nicht liegen.

    Kannst du mal die entsprechenden ausschnitte posten? So allgemein kann man das wohl nicht beantworten.

    cu knut

    1. OK, hier die (vermutlich) interessanten Stellen:

      Erstmal die FRAME definierende Datei (der Abschnitt ist in JavaScript eingebettet, mit 'ner Unterscheidung zwischen NE und IE, allerdings sind da noch keine Unterschiede drin, weil ich noch keine individuellen Anpassungen vorgenommen habe:

      if (document.layers)
                  {
                   document.write("<frameset cols="146,25,*" border=0 frameborder=0>");
                   document.write("<frameset rows="95, 300,*" border=0 frameborder=0>");
                   document.write("<frame name="logo" src="www/logo.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="nav"  src="www/nav.html" noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="navbottom" src="www/navbottom.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("<frameset rows="95, *" border=0 frameborder=0>");
                   document.write("<frame name="sparetop" src="www/spare_top.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="sparebottom" src="www/spare_bottom.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("<frameset rows="58,*" border=0 frameborder=0>");
                   document.write("<frame name="title" src="www/title.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="main"  src="www/home.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("</frameset>");
                  }
                  else
                  {
                   document.write("<frameset cols="146,25,*" border=0 frameborder=0>");
                   document.write("<frameset rows="95, 300, *" border=0 frameborder=0>");
                   document.write("<frame name="logo" src="www/logo.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="nav"  src="www/nav.html" noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="navbottom" src="www/navbottom.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("<frameset rows="95, *" border=0 frameborder=0>");
                   document.write("<frame name="sparetop" src="www/spare_top.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="sparebottom" src="www/spare_bottom.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("<frameset rows="55,*" border=0 frameborder=0>");
                   document.write("<frame name="title" src="www/title.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("<frame name="main"  src="www/home.html" scrolling=no noresize marginwidth=0 marginheight=0>");
                   document.write("</frameset>");
                   document.write("</frameset>");
                  }
                  </script>

      Dann eine der beiden Frame Dateien, bei denen es knallt:

      <html>
            <head>
                  <title> Spare Row </title>
            </head>
            <body bgcolor=#000000>
            <div style="position:absolute; top: 55px; left: 0px">
                 <img src="pics/bgrow2_left.jpg" border=0>
            </div>
            </body>
      </html>

      Der <div> Bereich ist wie gesagt nur zur exakten Positionierung des Bildes.

      Haben die Sources irgendwie weitergeholfen?

      Ciao,
      Arngrim