[CSS] Centrage d'un bloc

Coucou tous, je fais appel à vos lumières pour un truc sans doute balot...

La question à 1000 points étant : Comment centrer mon bloc "entete" ou bien le contenu. C'est à dire les images plus le <h2>. Sachant que le contenu de <h2> n'est pas le même d'une page à l'autre.
J'ai beau jouer avec les margin:auto... mais pas moyen de centrer le tout.

Le style :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

#entete { border:1px solid #000; text-align:center; }   #entete h2 { font-size:19px; background-color:#73BD31; height:54px; margin:0; float:left; }   #entete img { display:block; width:110px; float:left; }   .spacer { clear:both; }

---

La partie HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="general">   <div id="conteneur">   <div id="entete"> <img src="http://izouvou.onigiri.free.fr/picture/download/avatar/luffy1.jpg" alt="" /> <h2>Bienvenue sur le site </h2> <img src="http://izouvou.onigiri.free.fr/picture/download/avatar/luffy1.jpg" alt="" /> <div class="spacer">&nbsp;</div> </div>   </div>   </div>   <div class="spacer">&nbsp;</div>

---

Merci d'avance

Note : Les images que j'ai utilisé pour l'exemple.... ne sont là que pour l'exemple....

Si tu veux centrer le bloc entete, tu peux faire

Code:

---

1 2 3 4

#entete { margin: 0 auto; ... }

---

Bonne programmation :wink:

ouais... j'avais déjà fait ca (c'est ce à quoi je faisais allusion quand je parlait de jouer avec le margin:auto), mais ca ne marche pas..... ;o)) c'est bien pour ca que j'ai demandé des lumières. Car d'habitude ca marche.... :wink:

De plus, normalement cette méthode de centrage marche dans le cas où le conteneur a un width fixé (qu'il soit fixe ou en pourcentage). Et en l'occurence, là, je n'ai pas défini de width.

Et si tu mettais des width pour #general et #conteneur :?:

En attribuant un width à ces 2 blocs ca ne marche pas..... :oops: :cry:

J'essaye de trouver comme solution alternative de centrer le contenu de mon bloc #entete.... Mais là aussi... ca coince...

Code:

---

1 2 3 4 5 6

#entete { border:1px solid #000; text-align:center; margin:0 auto; width:500px; }

---

marche chez moi.

tu peux aussi monter dans la hierarchie (conteneur, global) pour centrer tout.

En effet, cela marche quand on définit un width au conteneur. Cependant, comme mentionné plus haut.... le contenu peut varier. Du coup, fixer un width à mon conteneur ne me convient pas.

En essayant de remonter avec l'arborescence... j'ai essayé en mettant ca dans le style

Code:

---

1 2 3

#conteneur#entete { margin:0 auto; } et #conteneur#entete { text-align:center; }

---

Mais aucune de ces 2 solutions ne fonctionnent.

J'en suis sûr que la solution doit être balot....