Bonjour

Voila j'ai un site et je voudrais créer une sorte de rectangle , de largeur 100% et de hauteur 20% , qui serait afficher en haut du site , et qui bougerais si on descends dans la page . Et après une autre rectangle , qui commence a 20% de la page . J'ai fais un début de code mais ça ne marche pas , sur google chrome , le 2em rectangle ne se mets pas a 20% , sur Mozilla : Pareil et sur Internet Explorer : sa se met bien mais ça ne descends pas quand on descends sur la page .

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
    <style type="text/css">
#boite
{
    vertical-align : top;
	height: 19%;
	width: 99%;
	position: fixed;
	background-color: blue;
	background-position : top;
	border-style : outset ;
}
table {
margin-top  : 21% ;
}
body
{
   margin: 21%;
   padding: 0;
}
    </style> 	
</head>
<body>
<div id="boite">
//1er rectangle 
</div>
<table border="4">
<tr>
<?php include ('index.php') ;?>//2em rectangle 
</tr>
</table>
</body>