✔ Iframe im Firefox - Problem

Status
Nicht offen für weitere Antworten.
M

Miraculixx

Erfahrenes Mitglied
Ich möchte eine Seite, die auf einem anderen Server liegt, in einem Iframe einbinden.
Dazu habe ich volgenden Code verwendet:

HTML: 
<iframe src="http://tkmm.jomo.org/03c/LeitlB/n-design/html/page.asp?page_id=news" width="100%" height="100%" name="ndesign" frameborder="0" id="ndesign">

Das ganze funktioniert im Opera und im Internet-Explorer problemlos, nur im Firefox ist der Iframe immer genau 150 Pixel hoch, egal wie groß der Inhalt oder das Fenster ist.
Kann mir jemand einen Tipp geben, woran das liegt, oder evtl. auch einen anderen Lösungsvorschlag, wie man die Seite noch einbinden könnte?
 
Notiere mal folgendes Stylesheet in dem Dokument:

HTML: 
<style type="text/css">
<!--
html, body {
height: 100%;
}
-->
</style>
 
Herzlichen Dank, hat geholfen! :)
Aber dafür habe ich jetzt ein anderes Problem:

Wenn die Seite, die im Iframe angezeigt wird, recht groß ist (nach unten hin), dann habe ich zwei Scrollbalken. Ich habe dann scrolling="no" gesetzt - der Scrollbalken vom Iframe ist zwar weg, aber bei langem Inhalt kann ich jetzt nur noch mit dem Mausrad scrollen, mit dem Scrollbalken vom Firefox-Fenster selbst gehts nicht.

Zu sehen unter: http://www.n-design.biz --> Seite "Team"

Hast du vlt. auch dafür noch eine Lösung?
 
Mit der CSS-Eigenschaft overflow:hidden wird der Scrollbalken der Hauptseite unterbunden:

Code: 
html, body {
overflow: hidden;
height: 100%;
margin: 0;
padding: 0;
}
Für das iframe-Element muß dann scrolling="yes" gewählt werden, um die eingebundene Seite scrollen zu können.
 
Gern geschehen ... ;)

Und weil die Formatierungssprache CSS die Probleme gelöst hat, schiebe ich den Thread nachträglich ins entsprechende Board.
 
Hallo,

ich habe ein ähnliches Problem.

Und zwar ist das ein iframe von Amazon also ein Werbeblock.

Code sieht so aus:

HTML: 
<body>
<p align="right"><td width="180" height="150" rowspan="3"><iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=9&l=bn1&mode=video-games-de&browse=301129&fc1=&lt1=&lc1=&bg1=&f=ifr" marginwidth="0" marginheight="0" width="180" height="150" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></td> </p>
<p align="right">
<td width="180" height="150" rowspan="3"><iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=27&l=qs1&f=ifr" width="179" height="148" frameborder="0" scrolling="no"></iframe></td></p>

Im Firefox werden die beiden Blöcke garnicht angezeigt im IE ist alles i.o.. Habe es schon mit <td> probiert und auch mit dem CSS Code von hier.
Will aber einfach nicht gehen? :mad:

Vielleicht einer noch eine Idee wie ich das einbinden kann.
 
Hi,
uh da hast du nur einiges in dem Code durcheinandergewürfelt.
Versuchs mal damit...das zusammenfügen der Tabellenzeilen hab ich mal entfernt.

Code: 
<table>
 <tr>
  <td width="150" height="150">
   <iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=9&l=bn1&mode=video-games-de&browse=301129&fc1=&lt1=&lc1=&bg1=&f=ifr" frameborder="0" scrolling="no"></iframe>
  </td>
 </tr> 
 <tr>
  <td width="150" height="150">
   <iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=27&l=qs1&f=ifr" frameborder="0" scrolling="no"></iframe>
  </td>
 </tr>
</table>
 
Zuletzt bearbeitet:
Tja das war das Endstadium des rumprobierens! ;)

Habe den Code mal wie beschrieben geändert.

Der Firefox weigert sich aber trotzdem strikt.

Nochmal der ganze Auszug:

HTML: 
</iframe>
		</P>
</BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE>
<body style="text-align: right">
<table>
 <tr>
  <td width="180" height="150"><iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=9&l=bn1&mode=video-games-de&browse=301129&fc1=&lt1=&lc1=&bg1=&f=ifr" marginwidth="0" marginheight="0" width="180" height="150" border="0" frameborder="0" style="border:none;" scrolling="no" /></td>
  <td width="180" height="150"><iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=27&l=qs1&f=ifr" width="180" height="150 frameborder="0" scrolling="no" /></td>
 </tr>
</table>
</body></body>
</html>
 
du hast irgendwie noch tags über dem body bereich
...der komplette Quelltext sollte so aussehen:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <title>HP-Titel</title>
</head>
<body>
<table>
 <tr>
  <td width="150" height="150">
   <iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=9&l=bn1&mode=video-games-de&browse=301129&fc1=&lt1=&lc1=&bg1=&f=ifr" frameborder="0" scrolling="no"></iframe>
  </td>
 </tr> 
 <tr>
  <td width="150" height="150">
   <iframe src="http://rcm-de.amazon.de/e/cm?t=dp962ru-21&o=3&p=27&l=qs1&f=ifr" frameborder="0" scrolling="no"></iframe>
  </td>
 </tr>
</table>
</body>

beimir jedenfalls gehts einwandfrei im FF
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück