Comment centrer mon div imbriquer dans un autre [Fait]

**pierrot10** · 02/12/2006, 19h57

Boniour
je ne comprends pas pourquoi, je n'arrive pas a centrer mon div:

Code :

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

1
2
3
4
5
6
<body>
<div id="container">
	<div id="content">ddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddd dddddddddd 
	</div>
</div>
</body>

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
 
@charset "utf-8";
/* CSS Document */
html{height:100%;}
body{
	margin:0px;
	height:100%;
}
#container{
	position:relative;
	width:100%;
	height:100%;
	background-image:url(img/bg.gif);
	text-align:center;
}
#content{
	position:relative;
	background-image:url(img/bg_main.gif);
	background-repeat:repeat-y;
	width:710px;
	height:100%;
	padding:30px;
	border:1px solid #cccccc;
}

Une idée?

**pierrot10** · 02/12/2006, 20h13

j'ai trouvé, qu'en pensez vous?

Fallait juste faire plus simple.

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
 
body{
	margin:0px;
	height:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
#content{
	margin: auto;
	position:relative;
	background-image:url(img/bg_main.gif);
	background-repeat:repeat-y;
	width:710px;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}

Code :

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

1
2
3
4
 
<body>
	<div id="content">ddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddd dddddddddd</div>
</body>

**MasterOfChakhaL** · 02/12/2006, 20h28

Salut,

normalement, le text-align: center de #container ne s'applique qu'au texte.

tu peux essayer cela:

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
 
#content{
	position:relative;
	background-image:url(img/bg_main.gif);
	background-repeat:repeat-y;
	width:710px;
	height:100%;
 
	/* l'astuce */
	left: 50%;
	margin-left: -355px; /*la moitié de la largeur que tu définis*/
	/* fin de l'astuce */
 
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}

Quelque chose m'interpelle.
Le fait que tu dises que ca ne marche pas me laisse croire que tu es sous IE (le margin:auto aurait théoriquement suffi).
En même temps, il me semblait qu'un bug/fonctionnalité d'IE faisait que le text-align: center centrait aussi les éléments bloc...
C'est où que j'ai faux??

**pierrot10** · 03/12/2006, 13h15

Salut,
merci pour ta reponse, J'avais essayé un truc du genre mais finalement j'ai fait avec le margin:auto et ca marche. je suis FF.
Merci

Comment centrer mon div imbriquer dans un autre [Fait]

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager