Seite 1 von 1

Forum mit einem Iframe in eine Website einbinden...

Verfasst: 28.01.2006 18:41
von midtwo
hallo,
ich weiß es gab schon zahlreiche Beiträge dazu, jedoch habe ich immer noch gar keinen durchblick :cry: . ich hoffe ihr könnt mir weiterhelfen...
ok also schildere ich mein problem.

Habe eine webite in html+css programmiert und wollte dann über ein iframe ein forum(Template NoseBleed) einbinden, jedoch klappt das garnicht.
Bild des Problems: http://elope.el.funpic.de/problem
Forum:
http://elope.el.funpic.de/

Habe dann mal so im web rumgeschaut und habe ein website gefunden, wo das wirklich gut umgesetzt wurde. (http://www.sonnemondsterne.de/club.php)

Habe dann mal dieses forum zum -test- eingebunden und es sah auch relativ perfekt aus.(Größe des iframe 616 px x 1067px).

Es wäre wirklich sehr nett, wenn ihr mir helfen würdet...

:grin:

Gruß,
Constantin

Verfasst: 28.01.2006 19:43
von miccom
verzichte auf den iframe und modifiziere die templates deines forums um es an deine seite anzupassen. alles mit was mit frames zu tun hat, in dieser hinsicht, ist blödsinn!

Verfasst: 29.01.2006 01:22
von midtwo
hi,
danke für die antwort.
aber mein forum liegt auf einem anderem server und somit muss ich es über ein iframe laden, da die eigentliche adresse gleich bleiben soll.
Kannst du mir keine Hilfestellung beim iframe geben?

danke.

Gruß,
Constantin :grin:

Verfasst: 29.01.2006 09:38
von miccom
der code ist sehr einfach:

Code: Alles auswählen

<iframe src="http://www.niedermayr.cc" width="100%" height="800" name="niedermayr.cc">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
aufrufen: <a href="www.niedermayr.cc">niedermayr.cc</a></p>
</iframe>
aus dem www.niedermayr.cc machst du deine seite.

alles was man über iframes wissen muss, findest du hier:
http://de.selfhtml.org

Verfasst: 29.01.2006 13:51
von midtwo
habe es damit versucht aber beim nosebleed-template funktioniert das nicht, es tritt der fehler auf wie auf dem bild gezeigt.
mit deinem forum geht bis auf ein paar sachen wie fotos etc.

Gruß,
Constantin

Verfasst: 29.01.2006 15:29
von miccom
poste mal die seite mit dem iframe

Verfasst: 29.01.2006 20:53
von midtwo
http://elope.el.funpic.de/Community

ich hab echt kein plan was ich noch machen soll...
hab mal die ganze breite vom forum verändert aber dann hat es immer noch nicht gepasst...
ich hoffe ihr könnt mir helfen...

Gruß,
Constantin

Verfasst: 30.01.2006 07:55
von miccom
habs mal nur so überflogen, aber wenn du deinem forum eine breite von >700 gibts und dem iframe eine breite von 616 dann ist es ja wohl logisch das die breite nicht funktioniert. mach den iframe mal 720 pixel breit.


einmal hier:

Code: Alles auswählen

          <td width="616" height="1067" valign="top"><iframe width="100%" height="1000" src="http://elope.el.funpic.de"  frameborder="0" scrolling="yes"  > 
    
      </iframe></td>
und einmal da, in deinem seitenquelltext:

Code: Alles auswählen

<TABLE WIDTH=679 HEIGHT=1348 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">

Verfasst: 30.01.2006 09:39
von Clemens_1
Hallo!
Vielleicht kann ich ja einwenig weiter helfen:

Auf meiner Site http://www.ideecreativ.de/forum.html habe ich das phpBB-Forum in einen i-Frame eingebunden. Zusätzlich habe ich -allerdings für die gesamte HTML-Seite per CSS-2 eine horizontale UND vertikale Zentrierung eingebaut.

Diese Zentrierung habe ich aus einem CSS-2-Forum bekommen und sie funzt prima. Allerdings nur, solange das Browserfenster des Betrachters nicht wesentlich kleiner als mein Seitenformat ist. Ist es kleiner, werden Teile der Seite oben und/oder links abgeschnitten.

Prinzip (sinngemäß auch auf deinen i-Frame anwendbar):
Die Positionierung erfolgt über zwei div-Elemente. Das erste definiert die horizontale Positionierung durch

Code: Alles auswählen

#horiz_centering { background-color: transparent; text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block }
und die zweite durch

Code: Alles auswählen

#vert_centered_cont { margin-left: -390px; position: absolute; top: -285px; left: 50%; width: 780px; height: 570px; background-image:url(images/bg_color244_243_242.jpg); visibility: visible }
In der zweiten wird der "Pferdefuß" sichtbar:
Es handelt sich um das gleiche Prinzip, wie bei den üblichen Javascript-Positionierungen. "Nimm die 50% der Browserfensterbreite (wodurch du dich auf der Mitte befindest) und gehe um Webseitenbreite-Halbe-Pixelzahl zurück nach links. Das Gleiche mache mit der vertikalen Positionierung.
Der CSS-Trick:
Beziehe die zweite div-Positionierung auf die Position der ersten div-Positionierung.

Ist das Browserfenster kleiner als die Webseitenbreite, wird durch die Subtraktion um den festen Betrag die Seite links oder oben ausßerhalb des Browserfensters beginnen.

Diese Konstruktion steht sowohl in Einklang mit CSS-2 als auch mit XHTML 1.0 streng. Eine Tabellenkonstruktion vermeidet die Nachteile durch die Pixel-Subtraktion, ist aber nur HTML 4.0 kompatibel und bläht zudem wie alle Tabellen den Code der Site auf.

Man kann über Usability und Suchmaschinenfreundlichkeit, schlanken Code usw. lange streiten. Kompromisse müssen immer geschlossen werden. Ich halte meine Lösung für akzeptabel, da meine Webseite so klein dimensioniert ist (780px x 580px) dass sie auch in das kleinste im Vollbild dargestellte Browserfenster bei 1024 x 768 Auflösung passt. (Festgetsellt bei IE, Opera, Firefox, Netscape).

Viel gravierender halte ich dagegen das Problem, das nicht nur ich, sondern auch die Site http://www.sonnemondsterne.de/club.php mit dem Forum im i-Frame hat:
Wenn ich per E-Mail über einen neuen Beitrag eines beobachteten Threads informiert werde oder den Aktivierungslink zugeschickt bekomme, lande ich bei Klick auf diesen Link nicht über meinen i-Frame, sondern direkt im Forum. Da dieses nun keinen Seitentitel mehr hat, weiß man fast gar nicht mehr, auf welchem Forum man nun eigentlich gelandet ist.

Dieses Problem habe ich hier im Forum schon mehrfach angefragt. Aber niemand hat eine Lösung vorschlagen können. Das Problem ist: Wie kann man die PHP-Parameter durch den i-Frame hindurch an den PHP-Code weiter "durchreichen". (Sorry meine laienhafte Ausdrucksweise, aber von Code habe ich sehr wenig Ahnung.)