• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IFrame Probleme

Status
Für weitere Antworten geschlossen.
H

HowToMeetLadies

Neues Mitglied
Also wollte ein IFrame-Layout erstellen wie hier:
http://atomy.at.funpic.de
Nun ist das so, dass andere es nicht so sehen wie bei mir.
Also das IFrame fenster ist nicht da, wo es sein soll. Also is bei jedem anders.
Wollte nun fragen wie das möglich ist, dass es bei allen gleich ist
Ich benutze diesen Code:

<div style="position:absolute; left:418px; top:282px; z-index:2">
<iframe src="index.html" width="593" height="240" border="0" name="Hauptframe" border="0" frameborder="0"></iframe></td>
</div>

So ists dann aber bei jeden verrutscht.
Bitteee helfen
 
Falls du mit "bei jeden" unterschiedliche Browser meinst könnte es an der absoluten Positionierung liegen. Verzichte am Besten darauf, also ggfs. auch auf das umgebende div falls es dein restlicher Quellcode (den du ja nicht preis gegeben hast) dies zulässt.
 
threadi schrieb:
Falls du mit "bei jeden" unterschiedliche Browser meinst könnte es an der absoluten Positionierung liegen. Verzichte am Besten darauf, also ggfs. auch auf das umgebende div falls es dein restlicher Quellcode (den du ja nicht preis gegeben hast) dies zulässt.
Zum Vergrößern anklicken....


Bitte nich so fachlich xD Bin noch ein Anfänger.

Also wie würdest du es machen? :o

Also hier is mein ganzer code und bei jeden is alles anders...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<title>Style 1</title>
<META CONTENT="text/html; charset=iso-8859-1" HTTP-EQUIV="Content-Type">
<META NAME="Generator" CONTENT="PhotoImpact">
<style TYPE="text/css">
FONT {FONT-FAMILY: Verdana; FONT-SIZE: 10px}
TD {FONT-FAMILY: Verdana; FONT-SIZE: 10px}
BODY {FONT-FAMILY: Verdana; FONT-SIZE: 10px}
A:hover {COLOR: #1ba3d5; FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: underline}
</style>
</HEAD>

<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF"">
<BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" align="center">
<TR>
<TD ROWSPAN="2"><IMG SRC="images/Orchids1_1.jpg" WIDTH="172" BORDER="0" HEIGHT="480"></TD>
<TD><IMG SRC="images/Orchids1_2.jpg" WIDTH="528" BORDER="0" HEIGHT="128"></TD>
</TR>
<TR>
<div style="position:absolute; left:536px; top:135px; z-index:2">
<iframe src="links/index.html" width="515" height="346" border="0" name="Hauptframe" border="0" frameborder="0"></iframe></td>
</div>
<TD><IMG SRC="images/Orchids1_3.jpg" WIDTH="528" BORDER="0" HEIGHT="352"></TD>
</TR>
<TR>
<TD COLSPAN="2"><IMG SRC="images/Orchids1_4.jpg" WIDTH="700" BORDER="0" HEIGHT="20"></TD>
</TR>
<a style="position:absolute; left:378px; top:40px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:50px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:60px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:70px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:80px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:90px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:100px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:110px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:120px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
<a style="position:absolute; left:378px; top:130px; z-index:2" href="links/index.html" target="Hauptframe">LINK</a>
</TABLE>
</BODY>
</HTML>
Zum Vergrößern anklicken....
 
Dieser HTML-Quellcode ist sehr fehlerhaft. Wo hast du den her? Wenn er selbst geschrieben ist solltest du dir selfhtml nochmal genauer anschauen.

Beispiel:
falsch ist der Abschnitt:

Code: 
     <TR>
                <div style="position:absolute; left:536px; top:135px; z-index:2">
<iframe src="links/index.html" width="515" height="346" border="0" name="Hauptframe" border="0" frameborder="0"></iframe></td>
            </div>
        <TD><IMG SRC="images/Orchids1_3.jpg" WIDTH="528" BORDER="0" HEIGHT="352"></TD>
    </TR>

Richtiger sähe es so aus:
Code: 
<TR>
<td>
                <div style="position:absolute; left:536px; top:135px; z-index:2">
<iframe src="links/index.html" width="515" height="346" border="0" name="Hauptframe" border="0" frameborder="0"></iframe></td>
            </div>
        <IMG SRC="images/Orchids1_3.jpg" WIDTH="528" BORDER="0" HEIGHT="352"></TD>
    </TR>

Abgesehen davon frage ich mich was der Sinn ist ein div innerhalb einer Tabellenzelle zu schreiben und es dann per CSS absolut zu positionieren. Dadurch wird es aus dem Fluss genommen, und das mitten in einer Tabelle. Was willst du damit eigentlich erreichen? Hast du einen Beispielscreenshot mit dem Ziel?
 
f2183cad9a6f8b5996b4a7ef2f7cc57a.jpg

Das soll so später aussehen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben