• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

IFrame positionieren

JuergenA

New member
Hallo Leute,

der Thread ist ja schon einige Zeit her. ;-)

Ich habe ebenfalls ein ähnliches Problem, konnte mit den Beiträgen hier es allerdings leider nicht lösen. Vielleicht ist es ja was "spezielles" ;).

Wäre für Eure Hilfe dankbar.

Problem:

Habe auch vom Aufbau her, ein kleines Layout erstellt und dieses komplett ohne Slice einfach als ein JPG gespeichert.

Neues HTML Dokument -> Tabelle eingefügt mit 100%, Rahmen unsichtbar.
In dieser Tabelle habe ich dann das Layout also das JPG eingefügt.

Im Layout ist ein "rechteck" in dem der content stehen soll.
Über diesem Rechteck habe ich eine neue DIV Ebene gelegt, die von der größe natürlich optisch genau ins Rechteck auf dem JPG passt.

In dieser Ebene habe ich einen iFrame erstellt. Per Menü daneben soll über Hotspots auf dem JPG die Links direkt in diesem iFrame geöffnet werden.

Funktioniert auch wunderbar in einer Auflösung wie z. B. 1280x1024.

Wenn man nun die Auflösung auf 1024x768 herunterschraubt, wird das JPG in der Tabelle schön der neuen Auflösung angepasst. Die Ebene mit dem iFrame allerdings, bleibt an der Position stehen und ist somit bei dieser Auflösung nicht mehr Deckungsgleich mit dem Rechteck wie in dem Layout. Der Inhalt vom iFrame ist also dann über dem Rest von dem JPG "verteilt" und leider nicht an der Position wo sich das Recheck von der Grafik befindet.

Habe versucht mit % Angaben das ganze irgendwie anzupassen, vergeblich.

Ich hoffe ihr könnt mir irgendwie weiterhelfen. Bin in HTML/CSS nicht mehr so Fit, deshalb würde ich mich über eine detaillierte Beschreibung freuen falls jemand ein Lösungsweg hat. Danke.


Nachfolgend noch mein Quellcode:

<body>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" align="center">
<tr valign="middle" align="center">
<td><DIV id="Layer2" style="position:absolute; width:585px; height:361px; z-index:4; left: 230px; top: 144px">
<IFRAME src="main.htm" name="fenster" width="585" height="361" frameborder="0">
<P>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <A href="main.htm">LinkText </A> </P>
</IFRAME>
</DIV>
<img src="images/layout.gif" width="800" height="543" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="655,407,744,425" href="Link_2.htm" target="fenster" alt="LinkText">
</map>
</tr>
</table>
</body>
 
Zuletzt bearbeitet:
Ich habe Deinem Beitrag einen eigenen Thread spendiert, da es ja doch "etwas" von dem abweicht, unter dem er vorher war.

Frage: Warum arbeitest Du so kompliziert und unmodern?
 
Das mit der Tabelle eingefügt mit 100%, Rahmen unsichtbar gefällt mir nicht so recht.
Mach doch am besten ein Div, gib ihm eine feste Breite und Höhe und stelle dein JPG als Hintergrundbild für das Div ein. So ist das Div unabhängig von der Fensterbreite und das Hintergrundbild wird durch die feste Div-Größe auch immer in der gleichen Auflösung dargestellt :)
Eine andere Lösungmöglichkeit würde mir jetzt auch nicht einfallen.
 
Zurück
Oben