Salut à tous,
Je travaille sur un site depuis 5 minutes et j'ai un problèmes de posionnement avec les pourcentages.
Voici mon code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="design.css" />
<title>EDU</title>
</head><body>
<div class="charte" id="menu">
Menu
</div>
<div class="charte" id="actu">
Actu
</div>
<div class="charte" id="page">
Page
</div>
<div class="charte" id="mentions">
Mentions
</div>
</body></html>
Et css
.charte
{
background-color: #CFCFCF;
border: 1px solid black;
}
body
{
width: 100%;
height: 100%;
}
#menu
{
width: 15%;
height: 95%;
position: absolute;
top: 1px;
left: 1px;
}
#actu
{
width: 83%;
height: 15%;
position: absolute;
top: 1px;
left: 16%;
}
#page
{
width: 83%;
height: 79%;
position: absolute;
top: 16%;
left: 16%;
}
#mentions
{
width: 99%;
height: 3%;
position: absolute;
top: 96%;
left: 1px;
}

Désolé pour la taille mais si je la redimentionnée on ne voyez plus rien.
En faite je voudrais supprimer les espaces blancs entre les divs.