28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un cas très spécial.
Inutile de me demander pourquoi, c'est pour des raisons techniques impossible autrement et malheureusement je n'ai pas le choix.

J'ai une page XHTML et dans cette page je veux que 100% de la largeur et 100% de la hauteur soient occupées par le contenu d'une iframe.
Or dès que je place le doctype mon iframe ne veux plus faire 100% de hauteur mais ne doit faire que le 1/5iem de la hauteur total et que je ne sais pas comment influer dessus.

Comment résoudre le problème tout en conservant le doctype utilisé ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta name="Distribution" content="global" />
<meta http-equiv="Content-language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="principal.css" />
<!--[if lte IE 6]>
	<link type="text/css" rel="stylesheet" href="annexe-ie.css" />
<![endif]-->
</head>
<body>
	<div id="principal">
		<iframe src="{$url_accueil}" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" width="100%" height="100%" id="iframe"></iframe>
	</div>
</body>
</html>


Merci d'avance.