Probleme de centrage d'une page
gaya_102
-
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
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:
- Probleme de centrage d'une page
- Supprimer une page word - Guide
- Imprimer tableau excel sur une page - Guide
- Créer une page facebook - Guide
- Comment traduire une page internet - Guide
- Page d'accueil - Guide