HTML - IMG vor IFRAME legen

WeBsPaCe · Verfasst: Do 15.06.06 22:50

Tach.

Ich hab irgendwie mal wieder ein HTML-Problem: Ich hab ein <iframe> und möchte ein <img> davorlegen. Hab schon ne Menge ausprobiert. Aber irgendwie setzt sich das <iframe> immer vors <img>. (Optisch "davorsetzen". Soll heißen, dass man das <imframe> sieht und nicht das <img>.)

Lösung muss (erstmal) nicht (X)HTML-... valid sein. :mrgreen:

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

mkinzler · Verfasst: Do 15.06.06 22:52

Mach doch das img in den iframe.

_________________
Markus Kinzler.

Demonking · Beiträge: 42 Win XP Delphi, Delphi 2005 Prof.

oder positioniere es mit css oder what ever

Ehemaliges Mitglied Erhaltene Danke: 1

CSS: Z-Index ;-)

WeBsPaCe · Verfasst: Fr 16.06.06 20:58

Tach.

mkinzler hat folgendes geschrieben:

Mach doch das img in den iframe.

Ähm. Den Inhalt des IFRAMEs kann ich nicht verändern? Das ist eine externe Seite.

Außerdem soll die Grafik eventuell auch mal nur über den Rand des IFRAMEs rausguckn. Das würde also so auch nicht funktionieren.

Demonking hat folgendes geschrieben:

oder positioniere es mit css oder what ever

Ich nehme an du meinst:

Waldteufel hat folgendes geschrieben:

CSS: Z-Index ;-)

Und das hab ich schon ausprobiert. Irgendwie keine Chance... :nixweiss:

Danke trotzdem erstmal.

Weiß einer vielleicht ne Lösung?

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

mkinzler · Verfasst: Fr 16.06.06 21:02

Leg die Grafik in einen DIV unde bringe den nach Vorne (Z-Index)

_________________
Markus Kinzler.

WeBsPaCe · Verfasst: Fr 16.06.06 21:30

Tach.

mkinzler hat folgendes geschrieben:

Leg die Grafik in einen DIV unde bringe den nach Vorne (Z-Index)

Schon probiert.

Geht nicht.

Danke trotzdem.

Ich weiß irgendwie nicht so weiter...

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

mkinzler · Verfasst: Fr 16.06.06 21:35

Befindet sich der iframe auch in einem DIV?

_________________
Markus Kinzler.

WeBsPaCe · Verfasst: Fr 16.06.06 22:10

Tach.

mkinzler hat folgendes geschrieben:

Befindet sich der iframe auch in einem DIV?

Es funktioniert weder mit <div><iframe ....></div> noch mit <iframe ....> usw.

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

Horschdware · Verfasst: Fr 16.06.06 22:44

ganz wichtige frage:
welcher browser wird benutzt?

je nach browser wird das vorhaben schwierig:
opera (bis version keine-ahnung-was) (so weit ich mich erinnere) zeigt iframes immer vorne an.

ich hab auch schon mal so etwas gemacht und bin auf das gleiche problem gestoßen.
meine lösung ging wie folgt:

style.css (originalauszug)

markieren

Quelltext

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

...
...
.tooltip
{
  position: absolute;
  border: thin solid;
  display: none;
  background-color: #FFFFEF;
  z-index: 9;
}

.tooltipbody {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-variant: normal;
  font-style: normal;
  color: #00309C;
  margin: 0px 5px 0px 5px;
  z-index: 9;
}

...
...

seite1.htm (originalauszug)

markieren

Quelltext

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:

<html>
...
...
<!-- Hilfs- Frame -->
<iframe id="99" name="ttframe" style="display:none; position:absolute;top:280;left:450; z-index: 2" src="empty.htm" frameBorder="0" scrolling="no">
</iframe>


<!-- Tooltips -->

<!-- ID 0 -- TEST -->  <!-- Tooltip Vorlage -->
<div class="tooltip" id="0" name="tttest">

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <div class="headline"><img src="pic/lightbulb_on.gif" width="16" height="16" style="margin: 0 0 0 -20">Tooltip Hilfe</div>
      <hr></hr>
    </td>
  </tr>
  <tr>
    <td>

      <div class="tooltipbody">Die nachfolgenden Abschnitte enthalten die Hilfe zu dieser Seite<br>
      Sollten Sie diesen Abschnitt lesen können, so hat Ihr Browser diese Seite nicht richtig geladen.<br>
      <br><br>Start der Hilfedatei...<br><br><br>     </div>
    </td>
  </tr>
</table>
</div>

...
...
</html>

und das ganze dann per javascript übereinander verschieben.
funktioniert.
problem: jeder browser macht was anderes...
daher: aufwändige browseranpassungen miteinbauen

_________________
Delphi: XE - OS: Windows 7 Professional x64

matze.de · Verfasst: Sa 17.06.06 10:18

Probiers mal mit style="position:absolute; top: 100px; left: 120px;"
Dabei sind top und left die Top- und Leftangaben von deiner iframe. Kannst du zur Not auch per Javascript setzen.

mfg matze

_________________
si tacuisses, philosophus mansisses.

WeBsPaCe · Verfasst: Sa 17.06.06 11:18

Tach.

@ user profile icon

Horschdware:
Sieht gefährlich aus...

Ich guck's mir mal an.

Danke. Aber für jeden Browser sollte es eigentlich schon sein. Und auf Browserunterscheidungen hab ich irgendwie auch keine Lust. Irgendwie schade...

matze.de hat folgendes geschrieben:

Probiers mal mit style="position:absolute; top: 100px; left: 120px;"
Dabei sind top und left die Top- und Leftangaben von deiner iframe. Kannst du zur Not auch per Javascript setzen.

Jup, hab ich auch schon ausprobiert.

Geht nicht. IFRAME setzt sich vor das absolut positionierte IMG.

coucou,
WeBBy

//EDIT: Nachtrag! Es liegt nicht am IFRAME! Die Seite im IFRAME zeigt auf eine SWF-Flash-Datei. Anscheinend geht die immer in den Vordergrund. Hilfe?!

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

matze.de · Verfasst: Sa 17.06.06 11:51

WeBsPaCe hat folgendes geschrieben:

matze.de hat folgendes geschrieben:

Probiers mal mit style="position:absolute; top: 100px; left: 120px;"
Dabei sind top und left die Top- und Leftangaben von deiner iframe. Kannst du zur Not auch per Javascript setzen.

Jup, hab ich auch schon ausprobiert.

Geht nicht. IFRAME setzt sich vor das absolut positionierte IMG.

Bei mir im FF(neuste Version) und im IE6 ist das Image damit vor der Iframe.

mfg matze

_________________
si tacuisses, philosophus mansisses.

WeBsPaCe · Verfasst: Sa 17.06.06 13:15

Tach.

matze.de hat folgendes geschrieben:

Bei mir im FF(neuste Version) und im IE6 ist das Image damit vor der Iframe.

Stimmt.

Aber:

WeBsPaCe hat folgendes geschrieben:

//EDIT: Nachtrag! Es liegt nicht am IFRAME! Die Seite im IFRAME zeigt auf eine SWF-Flash-Datei. Anscheinend geht die immer in den Vordergrund. Hilfe?!

Hilft also nichts. Verrückt alles... Weißt du dazu noch was?

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

Horschdware · Verfasst: Sa 17.06.06 14:38

Schaust du hier:
www.alf-optifi.de/vb...&preselectAnnu=1

Die tooltips verwenden für den Internetexplorer iframes, über die imgs und divs gelegt werden.
die iframes werden für opera und mozilla (glaub ich) ausgeblendet.
einfach mal reinschaun.

btw: darf man mal den quelltext deiner seite sehen? vllt hast du was verdreht

_________________
Delphi: XE - OS: Windows 7 Professional x64

WeBsPaCe · Verfasst: Sa 17.06.06 17:16

Tach.

Horschdware hat folgendes geschrieben:

Die tooltips verwenden für den Internetexplorer iframes, über die imgs und divs gelegt werden.
die iframes werden für opera und mozilla (glaub ich) ausgeblendet.
einfach mal reinschaun.

Aber doch keine Flash-Dateien oder?

Es liegt nicht am IFRAME selbst. Sondern an der Seite, die im IFRAME angezeigt wird. Und die Seite im IFRAME lädt eine Flash-Datei. Und die kommt immer in den Vordergrund. Davor soll jetzt das IMG.

Horschdware hat folgendes geschrieben:

btw: darf man mal den quelltext deiner seite sehen? vllt hast du was verdreht

Ich hab so viele verschiedene Versionen davon... :lol:

Welche willste denn?

Hier mit dem Vorschlag von user profile icon

matze.de:

markieren

Quelltext

1:
2:
3:

<iframe style="width: 750px; height: 550px; border-style: none;" src="http://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></iframe>
<div style="position: absolute; width: 750px; height: 550px; top: 0px; left: 0px; background-image: url('bk.gif');">
</div>

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

matze.de · Verfasst: Sa 17.06.06 19:11

Versuchs mal so... Im object und embed Tag mit denen du den Flash Film einbettest setzt du beim Object-Tag den Parameter <param name="wmode" value="transparent"> und beim embed-Tag so: <embed ... wmode="transparent"...> Und dann packst du das in eine IFrame und legst dort deinen Layer drüber. Es kann sein, dass es geht, muss aber nicht. Kann auch sein, dass es nur in manchen Browsern geht, also nicht zu empfehlen.

mfg matze

_________________
si tacuisses, philosophus mansisses.

WeBsPaCe · Verfasst: Sa 17.06.06 22:23

Tach.

matze.de hat folgendes geschrieben:

Versuchs mal so... Im object und embed Tag mit denen du den Flash Film einbettest setzt du beim Object-Tag den Parameter <param name="wmode" value="transparent"> und beim embed-Tag so: <embed ... wmode="transparent"...> Und dann packst du das in eine IFrame und legst dort deinen Layer drüber. Es kann sein, dass es geht, muss aber nicht. Kann auch sein, dass es nur in manchen Browsern geht, also nicht zu empfehlen.

Ich hab doch keinen Zugriff auf die Seite, die im IFRAME angezeigt wird.

Könnte aber mal nachsehen, ob da was mit JS möglich ist. Glaub's aber eher nicht.

coucou,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

matze.de · Verfasst: Sa 17.06.06 23:29

Dann ist es unmöglich, da Flash sich immer über alles setzt. Hab auch bei Goolge noch nichts brauchbares gefunden außer "Es ist unmöglich".

mfg matze

_________________
si tacuisses, philosophus mansisses.

	Mitgliederliste
	Gruppen
	Das Team
	Richtlinien
	Synonyme