• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

iFrame durchsichtig?

Status
Für weitere Antworten geschlossen.
S

Scubamarco

Neues Mitglied
Hallo,
ich habe mir aus einem Tutorial ein iFrame zusammengebastelt.
Der hintergrund ist der, das ich zwar die Webseite gestaltet (ohne
HTML Kenntnisse) aber Andere bestimmte Inhalte zuarbeiten sollen.
Um das Design der Seite nicht zu zerstören, hätte ich gern den
Orginalslice als Backround des iFrames ohne das er mitscrollt und der
Inhalt des IFrame soll nur Text ohne Hintergrund sein.
Was müsste ich denn ändern?
PHP: 
<td colspan="10" rowspan="10"backround="Bilder/iFrame.jpg" height="545" width="649">
<iframe src="http://www.html.de" frameborder="0" name="News" scrolling="auto" Width="649"
height="545"></iframe>    </td>
Danke für eure Hilfe.

Gruß
Marco
 
Zuletzt bearbeitet:
versuchs mal mit
PHP: 
<td colspan="10" rowspan="10" height="545" width="649">
  <iframe style="background:URL('Bilder/iFrame.jpg');background-attachment:fixed;overflow:auto;width:649px;height:545px;" src="http://www.html.de" name="News"></iframe>
</td>
ich weiß aber nicht wie das genau is mit iframes und CSS, einfach mal ausprobieren
 
danke erstmal, das scheint der richtige Weg zu sein.
Aber jetzt verstümmelt er irgendwie mein Design und ich weiß nicht warum.

hier ohne iFrame
TCM

und hier mit iFrame
TCM

(Suchwort im Quelltext "iframe"

Könntest du eventuell mal schauen was jetzt das Problem ist?
Danke
 
PHP: 
  <iframe style="background:URL('Bilder/iFrame.jpg');background-attachment:fixed;overflow:auto;width:649px;height:545px;" src="http://www.html.de" name="News" ALLOWTRANSPARENCY="true"></iframe>
Gehts so?
Lg
 
auf jeden Fall gehts so :smile::
PHP: 
<td colspan="10" rowspan="10" background="Bilder/iFrame.jpg">
    <iframe name="News" src="http://bcf.pytalhost.com/docs/vieltext.html" frameborder="0" height="545" width="649" style="background:transparent;"></iframe>
</td>
 
ja sicher, er ist transparent, aber irgendwie ist die Tabelle jetzt verschoben.
Sehe nur ich das?
Das ist das Original:
TCM
und das mit dem durchsichtigen iFrame
TCM
oder mit der zweiten Lösung
TCM

seht ihr keine Verschiebung zwischen der ersten und den anderen Versionen?

Gruß
Marco
 
jetzt wird ja der Hund in der Pfanne verrrückt.
Im IE sieht es wieder anders aus. Tabelle und damit Grafik i.O. aber der
iFrame nicht transparent.
Im FF ist der iFrame transparent aber die Tabelle verschoben.
In welchem eurer Browser wird es denn korrekt dargestellt?
 
Scubamarco schrieb:
jetzt wird ja der Hund in der Pfanne verrrückt.
Im IE sieht es wieder anders aus. Tabelle und damit Grafik i.O. aber der
iFrame nicht transparent.
Im FF ist der iFrame transparent aber die Tabelle verschoben.
In welchem eurer Browser wird es denn korrekt dargestellt?
Zum Vergrößern anklicken....

Opera machts richtig :-D

Der Internet Explorer kann nichts mit einer Transparenz anfangen, leider. Version 7 des IE sollte es aber transparent darstellen können.
 
Danke für die Info.
Jetzt macht ja nur noch FF Probleme.
Wenn ich da den iFrame verkleinere, da kommt es doch aber wieder zu
Verschiebungen im IE oder Opera, oder?
Muß ich zu Hause mal probieren.

Gruß
Marco
 
Du könntest auch auf den Iframe verzichten und einen kleinen PHP Switch machen.

PHP: 
<?php
switch($_GET['link']) {
 case "wettkampf": include "wettkampf.html"; break;
 case "tauchen": include "tauchen.html"; break;
 case "galerie": include "galerie.html"; break;
 case "home":
 default: include "home.html"; break;
}
?>

In den Inhaltsbereich und dann die Links mit

href="index.php?link=galerie"

versehen.

Dazu muss PHP natürlich supported werden...
 
@philipp
ich glaube hier liegt ein Missverständnis vor.
Ich will nicht die Navigation als iFrame, sondern den Content.
Also der Slice iframe.jpg soll durch eine transparente fremdverlinkte
Seite zu sehen sein und das Pagedesign nicht zu zerstören.

Gruß
Marco
 
Scubamarco schrieb:
@philipp
ich glaube hier liegt ein Missverständnis vor.
Ich will nicht die Navigation als iFrame, sondern den Content.
Zum Vergrößern anklicken....
das hat er auch nicht geschrieben.
Mit seiner Variante werden die entsprechenden Seiten immer in den Inhaltsbereich der jeweiligen Seite geladen, also hast du auch nur eine in der das Design etc. alles festgelegt ist und jeweils pro Inhaltsseite eine Seite, in der abder dann nur die Inhalte stehen, die dann in den Content-Bereich deiner Homepage geladen werden, wenn man den jeweiligen Link aufruft.
 
okay, das habe ich nicht gewußt :-D

Also ich habe es jetzt mit Opera probiert und auch der verschiebt es leicht
außerdem ist der iFrame nicht transparent.
Seamonkey macht das selbe wie FF. Wenn ich den iFrame kleiner mache, dann
verscheibt er zwar nicht, aber das Bild selber wird durcheinander gewürfelt
IE zerstückelt zwar nicht, aber kann nicht transparent.

Also scheint das keine Lösung zu sein.

Dann vielleicht PHP. Ist das standardmäßig in aktuellen Browsern oder eher
exotisch?
Kann man mir nachmal genau beschreiben was ich machen muß um die
externe html Datei transparent über den Slice iFrame zu legen?
PHP: 
        <td colspan="10" rowspan="10">
            <img src="Bilder/iFrame.jpg" alt="" height="545" width="649"></td>

        <td>

Vielen Dank schon mal.

Gruß
Marco
 
PHP kann jeder moderne Browser ;-)

Den I-Frame brauchst du dann nicht mehr -> innen Mülleimer damit.
Da wo du jetzt noch den Iframe hast fügst du den Code ein, den Philipp oben gepostet hat.
 
Nun ja :shock:
einfach so einfügen, da passiert garnichts :neutral:

1. Wo genau muß der Code im Quelltext stehen?
2. Wo die Zielseite (test.html)

Es muß garnicht so kompliziert sein mit verschiedenen Seiten,
es würde schon für die Newsseite reichen.
Ich weiß ich nerve, aber könntet ihr nochmal den genauen Code posten?

Danke
Marco (froh das Photoshop so einfach ist)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben