iframe Darstellung

    hallo,

    warum kann denn der Firefox den enthaltenen iframe nicht ordentlich darstellen, hab schon viel rumprobiert, nun bin ich doch hier gelandet. Würde mich über jede Hilfe sehr freuen.

    <BODY text="#000000" link="#000000" alink="#FF0000" vlink="#FF0000" bgcolor="#FFFFFF" >
    <TABLE width="100%" border=0 cellspacing=0 cellpadding=0 >
    <TR valign=top bgcolor="#6d726c">
    <TD height="110" ><img src="zoo.jpg" border="0" align="left" alt="orang utan"></TD>
    </TR>
    <TR valign=top>
    <TD height="20" ><FONT face="Arial" size=1><A href="http://home.arcor.de/tingelmicha/index.htm" style="text-decoration: none">home</A> > <A href="http://home.arcor.de/tingelmicha/fotos/start.htm" style="text-decoration: none">fotos</A> > <a href="http://home.arcor.de/tingelmicha/fotos/2006/2006.htm" style="text-decoration: none">2006</a> > josi</FONT></TD>

    </TR>
    <TR valign=top >
    <TD bgcolor="#800000" height="600">

    <div align="center"><iframe src="index.html" id="bilder"
    name="bilder" width="100%" height="100%">
    <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
    Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
    aufrufen: <a href="index.html">Simple Viewer</a></p>
    </iframe></div>

    </TD>
    </TR>
    </TABLE>
    </BODY>

    Würde ihn gern in der Art "height=100%" darstellen.
    Vielen Dank für eure Hilfe!!!
    Micha

    Zitat von tingelmicha

    warum kann denn der Firefox den enthaltenen iframe nicht ordentlich darstellen


    Gegenfrage: warum kannst Du keinen ordentlichen Quelltext schreiben?

    Ist nicht böse gemeint. Aber Deine Beschreibung liesst sich so, als sei der Firefox schuld, was er nicht ist. ; )

    Zitat von tingelmicha

    Würde ihn gern in der Art "height=100%" darstellen.


    Ooookay. Schauen wir uns mal das wichtigste für unser Problem an:

    Code
    <TD height="600">
 <div align="center">
  <iframe src="#" width="100%" height="100%"></iframe>
 </div>
</TD>


    Ok. Die Tabellenzelle (<td>) hat eine höhe von 600 Pixeln. Dann kommt ein <div> zum zentrieren des Iframes. Dann der Iframe selbst, der sich zu 100% an der Höhe seines Nestelements orientieren soll.

    Doof nur das das Nestelement des iFrames das div ist, und dem wurde keine Höhe zugewiesen, an der sich das iFrame orientieren könnte. Dumm gelaufen, was? Mit rumprobieren wird man das ganze nie verstehen. Vor allem wenn man den IE als Referenzbrowser nimmt. Versuchs mit Logik.

    2 Lösungen bieten sich hier an:

    1.) Wir geben dem <div> ebenfalls eine 100%-Höhenausbreitung, damit dieses sich ans <td> anpasst und damit dem iframe den nötigen Platz gibt.

    2.) Da das <div> nur zum zentrieren benutzt wird, kann mans sich auch gleich ganz sparen und verlegt das align="center" direkt in den <td>.