flo: Hilfe zur imagemap

Tag!
Ich hab nich wirklich viel ahnung von html, um das gleich mal vorrauszustellen =)
Aber vll könnt ihr mir ja weiter helfen..
Also, ich hab mir ein Bild gezeichnet und dieses bild ganz normal auf einer html seite eingefügt...
und zwar so:
<body bgcolor="#C4833C">
 <img src="test4%20Kopie.jpg" width="700" height="500" usemap="#map1" border=0>

und ich hab auf dem bild einige imagemaps errichtet, die auch ohne probleme funktionieren
Jetzt will ich aber in der Mitte des Bildes einen i-frame einfügen:
<iframe height=100% width=100% frameborder=0 src="i-frame-news.htm"></iframe>

wie soll ich das machen?? Eine tabelle kann ich ja auf dem bild nicht einfügen... meine Lösung im moment ist eine Div-ebene:
<div id="Layer12" style="position:absolute; width:271px; height:294px; z-index:12; left: 397px; top: 126px;">
    <iframe height=100% width=100% frameborder=0 src="i-frame-news.htm"></iframe>
    <p> </p>
    </div>

das gefällt mir aber nicht, da sich die ebene bei einer anderen auflösung, einem anderen browser oder etwas anderem verschiebt...
wie kann ich den i-frame auf dem bild noch einfügen?? geht das auch mit einer imagemap??

mfg flo

  1. hi!

    <body bgcolor="#C4833C"><img src="test4%20Kopie.jpg" width="700" height="500" usemap="#map1" border=0>
    <div id="Layer12" style="position:absolute; width:271px; height:294px; z-index:12; left: 397px; top: 126px;">
        <iframe height=100% width=100% frameborder=0 src="i-frame-news.htm"></iframe></div>
    wie kann ich den i-frame auf dem bild noch einfügen?? geht das auch mit einer imagemap??

    nein, aber wenn du das bild und den div mit dem iframe in einen relativ positionierten div packst, richtet sich der iframe-div am bild aus:

    <div style="position>:relative;">
      <img src="test4%20Kopie.jpg" width="700" height="500" usemap="#map1" border=0>
      <div id="Layer12" style="position:absolute; width:271px; height:294px; left:397px; top:126px;">
          <iframe height=100% width=100% frameborder=0 src="i-frame-news.htm">
          </iframe>
      </div>
    </div>

    wenn du das bild allerdings bei unterschiedlichen auflösungen unterschiedlich scalieren willst, wirst du um eine berechnung per javascript nicht herumkommen.

    mfg. raik