Wolfgang Winkler: IFrame 100% Bug in Netscape 6+

Ich habe eine Seite mit in eine Tabelle eingebettete IFrames. Alles was ich will, ist, daß sich die IFrames der Größe der Seite anpassen. Der Code schaut etwa so aus
<table width="100%" height="100%">
 <tr>
  <td colspan="2">Page Header mit Navigation ...</td>
 </tr>
 <tr>
  <td height="100%" width="60%">
   <iframe src="x.html" width="100%" height="100%"></iframe>
  </td>
  <td height="100%" width="40%">
   <iframe src="y.html" width="100%" height="100%"></iframe>
  </td>
 </tr>
</table>

Eigentlich ganz einfach, und beim IE 5+ funktioniert es auch. Leider jedoch nicht beim Netscape 6+ oder beim Konqueror.

Weiß jemand eine Lösung?

  1. Hi!

    was genau wird denn beim Netscape angezeigt?

    MFG

    Philipp

    1. Hi!

      was genau wird denn beim Netscape angezeigt?

      MFG

      Philipp

      Die IFrames sind nur ein paar Pixel hoch.

      Probier mal diesen Code, dann siehst Du was ich meine. Ich hätte gerne, daß die IFrames bis zum unteren Fensterrand gehen.

      <table style="width:100%; height: 100%; background-color: #666666">
       <TR>
        <TD style="height:100%; width=40%;">
         <iframe
          style="height: 100%; width:100%"
          src="http://www.altavista.com"
           name="mainframe" id="mainframe" >
         </iframe>
        </TD>
        <TD style="height:100%; width:60%;">
         <iframe
          style="height: 100%; width:100%"
          src="http://www.google.com"
           name="mainframe" id="mainframe" >
         </iframe>
        </TD>
       </TR>
      </table>

      Mein Mozilla (Bulid 2002040108) zeigt es richtig an, ebenso der IE.

  2. Ich habe eine Seite mit in eine Tabelle eingebettete IFrames. Alles was ich will, ist, daß sich die IFrames der Größe der Seite anpassen. Der Code schaut etwa so aus
    <table width="100%" height="100%">
    <tr>
      <td colspan="2">Page Header mit Navigation ...</td>
    </tr>
    <tr>
      <td height="100%" width="60%">
       <iframe src="x.html" width="100%" height="100%"></iframe>
      </td>
      <td height="100%" width="40%">
       <iframe src="y.html" width="100%" height="100%"></iframe>
      </td>
    </tr>
    </table>

    Eigentlich ganz einfach, und beim IE 5+ funktioniert es auch. Leider jedoch nicht beim Netscape 6+ oder beim Konqueror.

    Weiß jemand eine Lösung?

    Hallo, arbeite mit Stylesheets bei Netscape 6 und konqueror. Inline-Elemente erben ! Um das zu umgehen, setze ein DIV-Tag ein, das Breite und Höhe bestimmt. Beispiel:

    <DIV style="position:absolute;top:70px;left:0px;width:460px;z-Index:2;padding:5px 5px 5px 5px;text-align:center;"><center><table width="100%"  border="0"> <TR><TD  bgcolor="#CCCCCC"  align=center><iframe src="" name="mainframe" id="mainframe"   scrolling=no marginwidth=1px frameborder="0"><ilayer src="" name="mainframe" id="mainframe"   scrolling=no marginwidth=1px frameborder="0">no frames no fun </ilayer></iframe>
    </DIV>

    1. Ich habe es mit den DIVs ausprobiert, leider lösen sie das Problem nicht. Schau Dir mal diesen Code an:
      <table style="width:100%; height:100%; background-color: #666666">
       <TR>
        <TD style="height:100%; width=40%;">
         <iframe
          style="height: 100%; width:100%"
          src="http://www.altavista.com"
           name="mainframe" id="mainframe" >
         </iframe>
        </TD>
        <TD style="height:100%; width:60%;">
         <iframe
          style="height: 100%; width:100%"
          src="http://www.google.com"
           name="mainframe" id="mainframe" >
         </iframe>
        </TD>
       </TR>
      </table>
      Beim Netscape wird zwar die Tabelle bis zum unteren Fensterrand gezogen, nicht jedoch die IFrames. Bei denen funktioniert es nur mit einer fixen Höhe in Pixel.

  3. hi

    Eigentlich ganz einfach, und beim IE 5+ funktioniert es auch. Leider jedoch nicht beim Netscape 6+ oder beim Konqueror.

    ich weiß ja nicht, was du erreichen willst, aber gestern hat mich die Dähmlichkeit des MSIE bei soetwas zum Wahnsinn getrieben, weil er anscheinend die Größe eines sollchen abhängig von der Fenstergröße berechnet.
    Was du da nun vor hast, hast du ja auch nicht geschrieben.

    Grüße aus Bleckede

    Kai

  4. Hi,

    <table width="100%" height="100%">

    Eigentlich ganz einfach, und beim IE 5+ funktioniert es auch.

    Da table kein height-Attribut hat, ist der IE 5+, der dieses "Attribut" auswertet, fehlerhaft.

    Andreas