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 : 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
#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 : 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
<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....