Page 1 sur 1

IFRAME HEIGHT=100% ok pour IE mais pas pour FF

Publié : 22 juil. 2005, 09:58
par K-NA
bonjour,
voici mon problème:
je suis obligé d'utiliser le principe d'une iframe pour charger une page au sein d'une cellule dans ma page html.
pour que le contenu s'adapte à la taille de la fenêtre, j'ai configuré mes width en 100% et les height aussi.
j'ai testé avec IE et FF. pour la largeur cela marche pour les 2 mais pour la hauteur, cela ne marche pas sous FF.
c'est comme si je n'avais pas déclaré la hauteur, il ne la reconnaît pas. s'agit il d'une faille de FF??

quelqu'un a t il une solution, une parade (javascript) ou un équivalent à l'iframe qui serait compatible ie et ff??

merci pour votre aide et voici le code source:

<html>
<head>
<title>ma page</title>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="170" bgcolor="#12BE83">
<table cellpadding="0" cellspacing="0" width="170" height="100%">
<tr>
<td width="100%" height="170">
<p><SCRIPT LANGUAGE="JavaScript" SRC="../squelette/menu_emploi.js"></SCRIPT></p>
</td>
</tr>
<tr>
<td width="100%" height="170">
<p>&nbsp;</p>
</td>
</tr>
</table>
</td>
<td width="100%">
<table align="right" cellpadding="0" cellspacing="0" width="97%" height="100%">
<tr>
<td height="100%">
<p align="center">
<iframe frameborder="0" scrolling="yes" name="contenuframe" src="actu.htm" width="100%" height="100%"></iframe>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

Publié : 22 juil. 2005, 17:08
par Iceeee
Essaye comme ça :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ma page</title>
<style type="text/css">
<!-- 
html,body {margin:0;padding:0;height:100%;width: 100%;overflow: auto; }

#menugauche {width:170px;background-color:#12BE83;height:100%;}
 
#contenu {padding-left:170px;height:100%;position:absolute;top:0px;right:0px;bottom:0px}

html>body #contenu {padding-left:0px;left:170px;}

iframe {height:100%;width:100%;border:none;}
-->
</style>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<div id="menugauche">
  <script type="text/javascript" language="JavaScript" src="../squelette/menu_emploi.js"></script>
</div>

<div id="contenu">
  <iframe scrolling="yes" name="contenuframe" src="actu.htm"></iframe>
</div>

</body>
</html>

Publié : 22 juil. 2005, 18:35
par Invité
essaie plutôt de lire çà :
Openweb.eu.org - Pour en finir avec les cadres
:wink: