probleme de centrage de page

**gaya_102** · 10/03/2009, 09h59

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

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
 
 
body 2{
background-color: #FBE3DE;
position: absolute;
top: 50%;
margin-top: -271px;
} 
body {
background-color: #FBE3DE;
margin-right:auto;
margin-left: auto;
background-color: #FBE3DE;
 
} 
 
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;
}

**Macmillenium** · 10/03/2009, 10h58

Bonjour,

body2 n'existe pas.

Si tu veux centrer ton bloc :

Code css :

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
 
/* body 2{
background-color: #FBE3DE;
position: absolute;
top: 50%;
margin-top: -271px;
}  */
 
#unite
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;
}

**gaya_102** · 10/03/2009, 11h08

en fait body 2 n'existe pas effectivement en fait c'est juste pour garder les premières caractéristiques de mon body au cas ou c'est un peu une sauvegarde des données lol

Sinon ca que tu m'as donné marche très bien sur la page index mais par contre ca marche pas sur la page

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

**Macmillenium** · 10/03/2009, 11h28

Il faut faire la même chose pour la div #rubrique :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#unite, #rubrique
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;
}

Attention c'est un peu n'importe quoi le code de cette page, tu as 2 <head>, 2 <body> et 2 <html>

**gaya_102** · 10/03/2009, 11h33

trop bien ca marche

Par contre comment faut il aussi modifier #rubrique?
en tout cas merci de ton aide

probleme de centrage de page

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager