Pour les elements <div/>, tu peux définir la largeur en fonction de l'objet contenant, c'est à dire dans ton cas, Body. Si div a une largeur fixée à 100%, il fera la largeur complète de la fenête, voir plus (il s'étendra dans le cas où un element plus large est à l'interieur, par exemple une imarge très très large ...).
Pour la hauteur, tu ne peux pas t'en tirer de la même façon. En effet, si un document HTML peut avoir une largeur figée, sa hauteur dépend de son contenu - tu ne peux donc pas simplement lui préciser qu'il fait "100%" de la fenêtre, aucun navigateur ne saurait interpréter cela. Pour remedier à ce problème, il convient d'utiliser Javascript afin d'interroger le navigateur sur la hauteur de la fenetre et d'utiliser la valeur récupérée.
Dans ton exemple, je ferais comme ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ceci est un test nul</title>
<style>
@import url(blo.css);
</style>
<script type="text/javascript">
<!--
window.onload = function()
{
SetDivSize();
}
window.onresize = function()
{
SetDivSize();
}
function getWindowHeight()
{
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number')
{
windowHeight = window.innerHeight;
}
else
{
if (document.documentElement && document.documentElement.clientHeight)
{
windowHeight = document.documentElement.clientHeight;
}
else
{
if (document.body && document.body.clientHeight)
{
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function SetDivSize()
{
if (document.getElementById)
{
var windowHeight=getWindowHeight();
var ws=document.getElementById('boite');
if (windowHeight > 0 && ws)
{
ws.style.height = (windowHeight / 2) + 'px';
}
}
}
-->
</script>
</head>
<body>
<div id="boite"></div>
</body>
</html>
/**************************************************************************/
#boite {width: 100%;
height: 25%;
border: 1px solid #000000;
background-color: yellow;}
/**************************************************************************/
