nicht angemeldet
Netscape 6.2 ignoriert imagemap
Hallo an alle im Forum,
nachdem ich seit Tagen nach einer Lösung für mein Problem suche, wende ich mich nun hilfesuchend an euch. Problembeschreibung:
Ich habe zwei Frames. Das erste dient zur Navigation und ist mit Verweisen bestückt. Das zweite Frame dient zur Anzeige von Inahlten. Es enthält einen versteckten und absolut positionierten '<div>'-Container, der folgendermaßen ausssieht:
<div id="menu" style="position:absolute; left:10px; top:0px; visibility:hidden"> </div>
Bei anklicken eines der Verweise im ersten Frame wird eine js-Funktion aufgerufen, die je nach Menupunkt per innerHTML den '<div>'-Container mit wechselndem Inhalt füllt. Der Inhalt besteht immer aus einer Tabelle, die zwei Bilder enthält plus einer imagemap. Beispiel:
function insertMenu ()
{
String= '<table border="0" cellpadding="0" cellspacing="0" width="106"
height="136"><tr><td style="line-height:12px">
<img src="images/menu1a.jpg" width="106" height="62" border="0"
alt=""></td></tr><tr><td style="line-height:12px">
<img src="images/menu1b.gif" width="106" height="74" border="0"
alt="" usemap="#menu1"></td></tr></table><map name="menu1">
<area shape="rect" coords="7,9,101,26" href="aboutsite.html"
target="unten"><area shape="rect" coords="16,28,91,45"
href="ikaria.html" target="unten"><area shape="rect"
coords="14,46,94,64" href="ikariakarten.html" target="unten"></map>';
parent.unten.document.getElementById("menu").innerHTML=String;
parent.unten.document.getElementById("menu").style.visibility="visible";
}
IE und NN 4.7 erkennen die imagemap nach dem Laden und Anzeigen in dem '<div>'-Container ohne Probleme. Nur NN 6.2 nicht. Es liegt nicht daran, daß die Bilder und die imagemap in einem '<div>'-Container liegen, denn NN 6.2 erkennt die imagemap, wenn der Inhalt statisch auf einer "normalen" HTML-Seite wiedergegeben wird. Also:
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0" width="106" height="136">
<tr>
<td style="line-height:12px"><img src="menu1a.jpg" width="106" height="62" border="0" alt=""></td>
</tr>
<tr>
<td style="line-height:12px">
<img src="menu1b.gif" width="106" height="74" border="0" alt="" usemap="#menu1">
<map name="menu1">
<area shape="rect" coords="7,9,101,26" href="aboutsite.html" target="unten">
<area shape="rect" coords="16,28,91,45" href="ikaria.html" target="unten">
<area shape="rect" coords="14,46,94,64" href="ikariakarten.html" target="unten">
</map></td>
</tr>
</table>
</div>
Nur wenn das ganze dynamisch erzeugt wird, funzt es nicht mehr.
Um das ganze zu veranschaulichen, habe ich Testdateien ins Netz gestellt. Die könnt ihr euch ja mal mit'nem NN 6.2 anschauen:
Statisch: http://www.schnetzerpages.de/testverzeichnis/test_a.html
Dynamisch: http://www.schnetzerpages.de/testverzeichnis/test1/index.html
So, jetzt hoffe ich sehr, daß mir jemand von euch helfen kann. Vielen Dank
Andreas Schnetzer
-
Hallo,
Gib mal bei allen 'width', 'height', 'top', und 'left'-Parametern 'px' als Einheit an. Das hat mir bei einem ähnlichen Problem geholfen.
rya,
Worrel-
Hallo Worrel,
Gib mal bei allen 'width', 'height', 'top', und 'left'-Parametern 'px' als Einheit an. Das hat mir bei einem ähnlichen Problem geholfen.
rya,
Worrelhat leider auch nichts gebracht.
-
-
Hi!
Statisch: http://www.schnetzerpages.de/testverzeichnis/test_a.html
Dynamisch: http://www.schnetzerpages.de/testverzeichnis/test1/index.html
Funtkioniert alles beides im Mozilla1.0. Das dynamische funktioniert nicht im NS6.1. Also ist mal wieder Netscapes Schnellschuß schuld daran das User verärgert werden. Glaube nicht das man da ein Workaraound basteln kann.
Btw.: Mach dein HTML gültig!!!!
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.schnetzerpages.de%2Ftestverzeichnis%2Ftest1%2F&charset=(detect+automatically)&doctype=Inline
< >Gruß Herbalizer
-
Hallo Herbalizer,
danke für deine Antwort. Habe mittlerweile den Fehler in der Bugs_liste von mozilla.org gefunden. Ist wohl mittlerweile behoben. Leider nützt mir das nix, denn ich möchte auch Anwendern von NN 6.x die Möglichkeit des navigierens bieten. Ich werde mal versuchen, die mit slices zu arbeiten. Vielleicht funzt es dann.Was meinst du übrigens damit?:
Btw.: Mach dein HTML gültig!!!!
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.schnetzerpages.de%2Ftestverzeichnis%2Ftest1%2F&charset=(detect+automatically)&doctype=Inline
< >Was macht validator.w3.org?
Gruß Andreas Schnetzer
-
Was macht validator.w3.org?
Prüfen ob dein HTML gültig ist. Gültigkeit ist eine Grundvorraussetzung zur zukünftigen Kompatibilität mit diversen Useragents.
Was er dort bereits bemeckert ist das Fehlen einer Gültigen Doctypedeclaration, aufgrund ein Browser entscheidet mit welcher Art von HTML er es zu tun hat. Siehe auch http://selfhtml.teamone.de/html/allgemein/grundgeruest.htm#dokumenttypGruß Herbalizer
-
-