Discussion :

[Perceval]

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

[Nesmontou]

Si tu veux centrer le bloc entete, tu peux faire

Code :

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

1
2
3
4
#entete {
   margin: 0 auto;
   ...
   }

Bonne programmation

[Perceval]

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

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.

[Nesmontou]

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

[Perceval]

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

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

[AlphaYoDa]

Code :

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

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.

[Perceval]

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 :

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

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