Hallo zusammen

ich habe folgenden Code:

HTML-Code:

<iframe src="http://www.facebook.com/plugins/likebox.php?id=meineID&amp;width=278&amp;height=500&amp;connections=10&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:278px; height:500px"></iframe>

Mit diesem Code möchte ich ein IFRAME anzeigen. Unter IE wird es korrekt angezeigt, aber unter dem Chrome nicht.
Hat jemand ne ahnung warum?

HTML-Code:

allowTransparency="true"

Das habe ich entfernt. Aber warum zeigt es das IFRAME immer noch transparent?

Der Link zum Blog: ***Entfernt***

Zitat von zyclop

Mit diesem Code möchte ich ein IFRAME anzeigen. Unter IE wird es korrekt angezeigt, aber unter dem Chrome nicht.

Definiere „korrekt“. Das eingebundene iframe besitzt einen transparenten Hintergrund, von daher erscheint es mir ganz sinnvoll, dass der Hintergrund der einbindenden Seite durchscheint. Wenn du die Hintergrundfarbe über die CSS-Eigenschaft background-color festlegst, bekommst du das vermutlich gewünschte Ergebnis.

Grüße,
Matthias

Sorry, mein Fehler. Korrekt wäre, dass das IFRAME mit weissem Hintergrund erscheint. So würde ich es mir wünschen.

Hi,

deklariere hierfür einfach einen weißen Seitenhintergrund für das im iFrame eingebundene Dokument, so wie Matthias es schon erwähnt hat, und die voreingestellte Transparenz wird aufgehoben.

Code css:

1	body { background:#fff; }

mfg Maik

Das Problem ist dass dies nicht meine Seite ist. Das ist ne Facebook Plugin Seite.

gruss zyclop

Da die eingebundene Facebook-Seite u.a. auch eine CSS-Formatierung für den Seitenhintergrund besitzt:

Zitat von http://static.ak.fbcdn.net/rsrc.php/z1AA7/hash/9ald2a7h.css

Code css:

1	body{background:#fff;...}

kann der iFrame nicht transparent erscheinen, und wird bei mir so auch überhaupt nicht dargestellt:



Den iFrame-Code habe ich für diese Demonstration deinem Eingangspost entnommen.

Wäre diese Seite inhaltsleer, würde hier der weiße Hintergrund zum Vorschein kommen, und das Hintergrundbild des Hauptdokuments überdecken.

mfg Maik

Achtung den Code den du genommen hast ist nicht ganz korrekt. Wenn du oben schaust ist die ID=meineID

Hier der richtige Code und der Link zur Seite:

HTML-Code:

<br><iframe src="http://www.facebook.com/plugins/likebox.php?id=MeineID&amp;width=278&amp;height=500&amp;connections=10&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:278px; height:500px"></iframe>

Link: ***entfernt***

gruss Zyclop

Zitat von zyclop

Sorry, mein Fehler. Korrekt wäre, dass das IFRAME mit weissem Hintergrund erscheint. So würde ich es mir wünschen.

Und was genau hält dich jetzt noch davon ab, meinen Vorschlag (dem <iframe> eine Hintergrundfarbe geben) umzusetzen?

Grüße,
Matthias

Das kann ich eben nicht. Wie erwähnt ist dass eine Facebook Plugin Seite. Auf diese habe ich ja keinen Zugriff. Und in meinem CSS kann ich ja nicht den Body Tag auf fff setzen. Weil sonst meine Website einen weissen Hintergrund hat.

Oder verstehe ich etwas nicht?

gruss Zyclop

Zitat von zyclop

Achtung den Code den du genommen hast ist nicht ganz korrekt. Wenn du oben schaust ist die ID=meineID

Woher soll ich riechen, dass du einen "nicht ganz korrekten" Code gepostet hast?

Anyway, Matthias meint das so:

Code :

1	<iframe ... style="border:none; overflow:hidden; width:278px; height:500px; [b]background:#fff;[/b]">

mfg Maik

Ja ich weiss, aber ich wollte nicht direkt noch die ID Posten. Aber ich kann sie dann am Schluss entfernen. Leider funktioniert das nicht mit dem background=#fff.

Ich denke das Problem scheint an Wordpress zu liegen. Das IFRAME wird als Widget eingebunden.

Auch nicht über ein zentrales CSS (CSS-Datei)?

Code css:

1	iframe { background:#fff; }

mfg Maik

Yeah das hat geklappt. Danke dir tausend mal.

Wusste gar nicht das mann das IFRAME direkt ansteuern kann. Ich dachte es wäre ein Wordpress oder Chrome BUG, dass es nicht funktioniert.

Naja nochmals danke und sorry für die ungenaue Beschreibung.

gd n8

grz zyclop

:Closed:

Möchtest du nicht lieber aus deinen Beiträgen den URL aus dem HTML-Code und den Link zu deinem Blog entfernen, bevor google auch dieses Thema indiziert?

mfg Maik

Haha, danke für die Erinnerung, aber ist bereits erledigt.

gruss Zyclop