Erik Bertram: Images verschinden

Hallo!
Folgendes Problem:
Ich habe eine HTML Seite. In dieser Seite befinden sich zwei <div>-Container:


<div id="smileys">
  <img src="C:/file.gif">
  Hier steht ein Text
</div>

<div id="nosmileys">
  Ausgeschaltet!
</div>


Wenn die Seite am Anfang geladen wird, ist der Container "smileys" mit Hilfe folgendes Style Sheets auf "hidden" gestellt, der andere Container ist sichtbar:


#smileys   { visibility: hidden; }
#smileys   { position: absolute; }
#smileys   { left: 0px; }
#smileys   { top: 0px; }

#nosmileys   { text-align: center; }
#nosmileys   { visibility: visible; }
#nosmileys   { position: relative; }


Ein JavaScript sorgt nun dafür, dass man den Container "smileys" einschalten- und den anderen Container abschalten kann. Das macht dieser Code:


document.getElementById("nosmileys").style.visibility = "hidden";
document.getElementById("nosmileys").style.position = "absolute";
document.getElementById("nosmileys").style.left = "0px";
document.getElementById("smileys").style.visibility = "visible";
document.getElementById("smileys").style.position = "relative";


Das sind sozusagen zwei verschiedene Funktionen, die man je nach Einstellung nutzen kann und die sich dann durch das JavaScript ein- bzw. ausschalten.
Das Problem ist folgendes:
Wenn ich nun den Container "smileys" anschalten will, der ja zu Beginn des Seitenaufrufs "hidden" ist, wird NUR der Text in diesem Container angezeigt. Die Grafiken, die sich dort in diesem Container befinden werden gar nicht angezeigt! Die Grafik existiert am Ort "C:/" und ich kann sie durch einen <img>-Tag außerhalb des Containers auch aufrufen. Nur innerhalb des "smiley"-Containers funktioniert es nicht. Es erfolgt keine Anzeige.
Woran kann das liegen? Ich bin dankbar für jeden Hinweis/Tipp.
Danke!

  1. Hallo!

    Vermutlich benutzt Du ein Gecko; dann versuche es mal bitte damit:

    <div id="smileys">
      <img src="file:///C:/file.gif">
      Hier steht ein Text
    </div>

    Gruß aus Berlin!
    eddi