voila j ai un ti souci

je n arrive pas a bloquer la position des 4 div dans 1 div j aimerai vraiment qu il ne bouge pas qu ils reste a la position que j ai défini

voila mon code html
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<link href="./css/style.css" rel="stylesheet" type="text/css" />


</head>
<body id="site">
<div id="haut">
</div>
<div id="milieu">
<div id="port1">
</div>
<div id="tableau1">
</div>
<div id="tableau2">
</div>
<div id="port2">
</div>
</div>
<div id="footer">
</div>
</body>
voici mon code css
#site{
margin:auto;
padding:auto;
width: 1320px;
height: 100%;
}
#haut {

width: 100%;
height: 7%;
}
#milieu {
height: 800px;
margin:0;
padding:0;
width: 1320;
height: 600px;
background-image: url(/image/face%20fermer02.JPG);
background-repeat: no-repeat;
}
#port1{
float: right;
margin:0;
padding:0;
top: 248px;
height: 90px;
left: 336px;
width: 320px;
height: 370px;
top: 229px;
position: absolute;
}


#tableau1{
margin:0;
padding:0;
top: 360px;
float: right;
left: 355px;
width:120px;
height: 120px;
}
#tableau2{
float: right;
top: 356px;
left: 560px;
width: 120px;
height: 120px;
background-color: black;
}
#port2{
top: 246px;
width: 280px;
right: 250px;
height: 336px;
position: absolute;
float: left;
left: 862px;
}
quand je suis en plaine écran tous va bien d que je passe mode fenêtre tous bouge comment je peurrai fixer chaque div a ça place
Bonjour,

C'est pas pour dire, mais le code est bourré d'incohérences, d'incongruités et d'erreurs, on ne comprend pas vraiment le but de la manœuvre,
en fait les 4 div ne bougent pas et restent tranquillement à l'endroit du body où on les a placées,


pourrais tu faire un schéma ou expliquer ce que tu veux ? Un schéma serait explicite