Pedda: wieso hält sich der iFrame nicht an die regeln ?

Hi zusammen,

(letzte Frage von mir heute *g*)

In einer Tabelle (3x3) habe ich in der mittleren Zelle einen iframe.

Die Spalten links und rechts haben eine feste Breite, damit sich beim Ändern der Auflösung nur die mittlere Tabellenzelle verändert.
Klappt wunderbar...
Dem iframe, der in dieser Zelle liegt hab' ich die Eigenschaften width:100%, height:100% gegeben, sodass er die Zelle immer voll ausfüllt.
Im IE klappt das - im FireFox, meint der iframe jedoch die 100% breite auf das komplette Fenster anwenden zu müssen und nicht nur auf die Zelle in der er sich befindet....
Kennt einer das Problem ?
Weiss einer Rat ?

Gruss aus Münster

Pedda

  1. Hallo Pedda,

    Dem iframe, der in dieser Zelle liegt hab' ich die Eigenschaften width:100%, height:100% gegeben, sodass er die Zelle immer voll ausfüllt.
    Im IE klappt das - im FireFox, meint der iframe jedoch die 100% breite auf das komplette Fenster anwenden zu müssen und nicht nur auf die Zelle in der er sich befindet....

    Welche Maße hast du denn der Tabelle selbst gegeben?

    Gruß Gernot

    1. Hallo Gernot,

      die Tabelle hat 100% Breite und 100% Höhe.
      Die Spalten links und rechts sind jeweils 350px breit.
      Die Oberste und Unterste Zeile ist 120px hoch

      aber der iframe in der mittleren Zell meint immer, dass sich seine 100% Breite nicht auf die Zelle, sondern auf das kompletter Dokument zu beziehen hat... grml

      Ich gebs bald auf :/

      Gruss aus MS

      Pedda

      1. Hallo Pedda,

        die Tabelle hat 100% Breite und 100% Höhe.
        Die Spalten links und rechts sind jeweils 350px breit.
        Die Oberste und Unterste Zeile ist 120px hoch

        Schau mal, ob das funktioniert:

          
        <html>  
        <head>  
        <title></title>  
        <meta name="author" content="Gernot Back">  
        <meta name="generator" content="Ulli Meybohms HTML EDITOR">  
        <style type="text/css">  
        [code lang=css]  
        html, body, table#myLayoutTable, iframe#myIframe {  
          width:100%;  
          height:100%;  
          margin:0;  
          padding:0;  
        }  
          
        tr.vertikalAbstand {  
          height:120px;  
        }  
          
        td.horizontalAbstand {  
          width:350px;  
        }  
        
        

        </style>
        </head>
        <body >
        <table id="myLayoutTable">
        <tr class="vertikalAbstand">
        <td colspan="3"></td>
        </tr>
        <tr>
        <td class="horizontalAbstand"></td>
        <td>
        <iframe id="myIframe" src="deinIframe.html"></iframe>
        </td>
        <td class="horizontalAbstand"></td>
        </tr>
        <tr class="vertikalAbstand">
        <td colspan="3"></td>
        </tr>
        </table>
        </body>
        </html>
        [/code]

        Gruß Gernot