Positionnement css

Bonjour,

J'ai créé un site et je souhaiterai qu'il soit centré VERTICALEMENT et horizontalement au milieu de la page... Malheureusement, lorsque je réduis la taille de mon écran ou lorsque j'utilise un ultra-portable, le haut de la page disparait ! Pourquoi ?

Merci par avance pour vos réponses;

Extrait code css :

* {
margin: 0;
padding: 0;
}

body {
margin: auto;
padding: auto;
width: 728px;
background-color: #5984b5;
font-family: Lucida Sans Unicode;
}

#blanc {
position: absolute;
background-color: #ffffff;
top: 50%;
height: 747px;
width: 728px;
margin-top: -374px;
margin-left: auto;
border: 1px solid #000000;
}

#gauche {
line-height: 25px;
margin: 10px;
width: 140px;
float: left;
}

#sommaire {
background-image: url(menu/menu.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
color: black;
line-height: 25px;
padding: 5px 10px 0px 10px;
border: 1px solid #000000;
width: 130px;
float: left;
}

#langues {
background-image: url(menu/menu.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
color: black;
margin: 10px 0 0 0;
line-height: 25px;
padding: 5px 10px 0px 10px;
border: 1px solid #000000;
width: 130px;
float: left;
padding: 5px 10px 0px 10px;
}

#langues a:hover {
text-decoration: underline;
}

#citation {
text-align: center;
}

#banniere {
margin: 0px;
padding: 0px;
height: 214px;
border: 0 0 1px 0 solid #000000;