wieso hält sich der iFrame nicht an die regeln ?
Pedda
- html
0 Gernot Back0 Pedda
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
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
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
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