Probleme de centrage d'une page

gaya_102 -  
 gaya_102 -
Bonjour,
voila hier je voulais centrer ma page. On m'a aidé et je pensais avoir trouver ma solution.
Sur cette page ca marche niquel en fait j'avais regardé ma page sous IE Mais sous firefox c'est pas bon

http://www.sandrineetgwen.fr/emeline4.html

et du coup l'autre page c'est pire

http://www.sandrineetgwen.fr/emelinejourj.php

je vous donne mon code css



body {
background-color: #FBE3DE;
position: absolute;
top: 50%;
margin-top: -271px;
}

img {
border:0;
vertical-align:middle;
}

a {
text-decoration:none; }

#unite
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;

}

#rubrique
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_rubrique.jpg");
background-repeat: no-repeat;
border :2px solid black;
}

.menu
{
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}

/* pour le menu deroulant */


#menuderoulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

#menuderoulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}

#menuderoulant .sousmenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;background: yellow;
}

#menuderoulant .sousmenu li
{
margin: 0;
padding: 0;
border: 0;
}
/* on cache tout les menus avec la propriété display none*/

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}



COmment ca se fait

Je ne pensais pas que c'était aussi compliqué de faire un site qui fonctionne sous IE et firefox
A voir également:

1 réponse

juanitox
 
Salut,


la technique pour le centrage la plus simple et la plus connu et de mettre un margin-left a auto et un margin right a auto


++
0
gaya_102
 
du coup la page c'est recentré sur la largeur de la page dans les deux navigateurs mais par contre c'est pas centrer dans la hauteur
0