Verlinktes html-Dokument soll sich im "content"-Bereich öffnen > Wie?

Hi,

was muss ich tun, damit, wenn ich einen der hyperlinks meiner Hp in der Navi anklicke, sich das html-Dokument im content-Bereich der Seite öffnen?

Hab grad keine Ahnung, welche Methode die einfachste ist, aber trotz allem was taugt.

Wäre ein iframe evtl ne Lösung? Hab darüber was bei selfhtml.net gelesen, aber wirklich verstanden hab ich’s nicht… wie würde man sowas am besten einbinden?

Wie gesagt… der Rest der Seite soll erhalten bleiben, die Änderungen sollen nur im content-Bereich sichtbar sein…

http://www.hestamyndir.de/nocheintest.html

Ganz ähnlich wie auf dieser Seite: http://by-ashy.dog-shots.ch/swiss_paws/start.html

Der Quelltext ist aber iwie leicht verwirrend… g

LG

Stimmt, leicht verwirrend…

Also, da wird auf jeden fall ein I-Frame verwendet, aber für was :?:

Aber ich würde so was was du vorhast auch mit nem I-Frame machen…

Weiss nicht.

Kann man so’n iframe denn in nen div-container packen? überfordert :mrgreen:

Wenn ja, wie?

Oder hat jmd. nen besseren Vorschlag, der auch von nem nerd wie mir umzusetzen ist!?

hoffe mal das ist das was du brauchst

ich würd n iframe verwenden

das i frame kannste mit nem div container ausrichten code dann wie folgt aussehen

<div style="position:absolute;left:000px;top:000px;"><iframe name="inhalt" src="home.html"></frame></div>

die links müssen dann wie folgt aussehen

<a href="news.html" target="inhalt"> Link </a>

target muss gleich lauten wie der name des i frames

Muss der Code nicht eher so heißen:

<a href="news.html" target="inhalt"> Link </a>

In deinem Waren die Anführungszeichen um den Link falsch gesetzt.

Hmm. Also weiss ja nicht, ob ich das alles richtig eingefügt hab… aber der code verstümmelt meine Seite auf’s allerübelste… :lol:

Ich hab das jetzt einfach mal anstelle des div’s (id=„content“) gesetzt. Das Ergebnis war… naja, nicht sehr überzeugend. Kann aber auch sehr gut sein, dass ich was falsch gemacht hab… :mrgreen:

HILFE!!! argh :lol: :mrgreen: :wink:

ja sorry hab ich eben auch gesehen…

ja du muss dann halt einige sachen anpassen…ne xD
zB die Breite und Höhe des Iframes muss angepasst werden…

Ja, aber das Ding pappt irgendwie oben links am Bildschirmrand g Also nicht wirklich da, wo es sitzen sollte… :mrgreen:

dann les dir ma durch was ich da reingeschrieben hab 000px bei beiden angaben…heißt soviel wie 0 die pixel musste selbst anpassen xD

Ja, trotzdem schaut’s halt irgendwie seltsam aus g

Schau mal, hab jetzt ein paar Werte durchprobiert + den code dann so eingefügt…

[code]

body { font-family:Verdana; font-size:14px; background-color:#444444; text-align:center; } a:link, a:visited, a:active, a:hover { text-decoration:underline; font-weight:bold; color:#DFDFDF; font-size:14px; } a:active, a:hover { color:#FFFFFF; } /* Die Hyperlinks im Menü */ a.menu:link, a.menu:visited { color:#DFDFDF; text-decoration:none; } a.menu:active, a.menu:hover { color:#FF6600; } /* Die Hyperlinks im Footer */ a.footer:link, a.footer:visited { color:#DFDFDF; text-decoration:none; } a.footer:active, a.footer:hover { color:#FF6600; } /* Die Headzeile */ #head { } /* Das Menü */ #menu { color:#FFFFFF; background-color:#444444; text-align:center; padding:10px 0px; } /* Der Inhalt */ #content { background-color:#333333; border:solid 1px #222222; padding:30px; color:#DFDFDF; } /* Formdaten */ #footer { color:#FFFFFF; background-color:#444444; text-align:center; padding:10px 0px; } /* Der Inhalt */ #content { background-color:#333333; border:solid 1px #222222; padding:30px; color:#DFDFDF; } //-->
Startseite   |   Über Mich   |   Islandpferde   |   Fotografie   |   Galerie   |   Linkliste   |   Gästebuch

versuch ma folgenden code für das iframe

<iframe height="000px" width="000px" name="inhalt" src="home.html"></frame>

damit kannste dann breite und höhedes frames „einstellen“…
musst das diev indem das i frame ist halt genauer asrichten…

aber das mit dem footer is mirn rätsel warum das nich klappt könntestden footer auch innen div packen…

Der footer ist ja shcon in nem div, das untere menü ebenso :? :lol

Jetzt würd’s mit den beiden anderen Parametern halt so aussehen:

nochn screenshot

Aber keine Spur von menü oder footer… :lol:

„Diese Seite kann nicht angezeigt werden“

richtig verlinkt?

Hab das iframe erstmal testweise eingefügt und nicht irgendwie verlinkt oder so. Also bitte nicht irritieren lassen! :wink:

dann richte das footer div ma genau so aus wie das mit dem i frame drin ^^ aber immerhin schon etwas xD

hmm, das bringt’s auch nicht wirklich oO

Juhu, es klappt!! :smiley: :smiley: :smiley:

Hab das ganze jetzt mal in ne Tabelle gepackt… g

so schauts aus =)

na endlich xD

Ja, danke nochmal für alles, war ja echt ne Tortour :lol:

Ich hoff echt, dass jetzt alles klappt.

Wär super, falls ihr nochmal 'nen Bick draufwerfen könntet. Bei mir sieht’s im IE/Firefox/Opera jedenfalls ganz „okay“ aus.

Was würdet ihr ggf. noch ändern?

aktuelle Version des Layouts + iframe

LG! :wink:

edit: Okay… hab jetzt mal versucht den Text im iframe-Bereich per CSS zu formatieren… schaut irgendwie seltsam aus. Im firefox wird die Seite schonmal gar nicht angezeigt, in Opera ist alles total verzerrt und im IE… joah g