Centrer horizontalement un block avec un longueur variable

[kimcharlene]

Bonjour je n'arrive pas à centrer des div dans ce cas là, comment faire.

bloc2 à un longueur variable
bloc1 à une longueur variable
bloc à une longueur fixe
bloc0 est juste là pour le positionnement mais n'a aucune utilité

Code :

1
2
3
4
5
6
<div id="bloc">
	<div id="bloc0">
		<div id="bloc1">A10</div>
		<div id="bloc2">Brest Marseille Paris Lyon Nice Toulouse Lille Nancy(petit village)</div>
	</div>
</div>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#bloc {
text-align: center;
background-color: yellow;
height: 37px;
width: 616px;
}
 
#bloc0 {
margin: 0 auto;
/*width: 450px;*/ /*Si définit ça fonctionne sinon NON*/
}
 
#bloc1 {
background-color: green;
float: left;
}
 
#bloc2 {
background-color: red;
float: left;
}

j'ai tout essayé rien ne fonctionne
Pouvez vous m'aiguiller?

merci

[oceane751]

teste :

Code :

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
#bloc {
text-align: center;
background-color: yellow;
height: 37px;
width: 616px;
}
 
.bloc0 {
margin: 0 auto;
/*width: 450px;*/ /*Si définit ça fonctionne sinon NON*/
text-align: center;
height: 20px;
width: 616px;
background-color:#0FC;
}
 
#bloc1 {
background-color: green;
 
 
}
 
#bloc2 {
background-color: red;
 
}

Code :

1
2
3
4
<div class="bloc0">
		<span id="bloc1">A10</span>
		<span id="bloc2">Brest Marseille Paris Lyon Nice Toulouse Lille Nancy(petit village)</span>
	</div>

[kimcharlene]

Oui mais là tu as transformé mes div en span

Je nai pas la main sur bloc1 bloc2 et bloc0 je ne peux donc pas changer le type de balise, hélas.

[oceane751]

ah!!!
tu n'as pas la main sur le css, et tu veux que ça marche?
c'est méga moche quand même...

[kimcharlene]

Pas la main sur le HTML qui est généré coté serveur. J'ai accès au css via la feuille de style.

Il y a une solution avec du js évidemment mais c est dommage de devoir passer par js pour positionner des éléments

[Emyleen]

Il n'est pas possible de centrer un bloc sans taille. Il faut que ton bloc0 ai une width, si il n'en a pas, il prend toute la place de bloc et donc on ne voit pas qu'il est centré. Met lui une taille inférieure à la taille de ton bloc global et tu verras qu'il est centré

Par défaut un bloc prend toute la place qu'il peut avoir dans le bloc qui le contient et non pas la taille des blocs qu'il contient.