Header qui ne s'affiche qu'à moitié

[Kodenji]

Bon, je remercis ceux qui m'ont aider jusqu'à maintenant, leur aide a porté ses fruits. Mon site est presque fini, le seul truc qui me manque c'est un header. J'ai donc voulu le réaliser mais voila ce que ça donne :

Le texte qui est dedans est le même que celui du footer, j'ai vérifier les liens des images et tout est en ordre.

Mon html (du moins la partie concernée) :

<div id="header">
     <div id="bottomheader">
      <div id="bannière">
       <p>Copyright "Kodenji" © 2005-2006. Tous droits réservés, reproduction interdite.</p>    

      </div>
     </div>
  </div>

Mon .css :

#header {
margin-top: 50px;
width: 760px;
background: url("header.png") no-repeat top left;
}

#bottomheader {
background: url("bottomheader.png") no-repeat bottom left;
margin-bottom: 20px;
}

#bannière p {
padding-bottom: 10px;
padding-left: 20px;

L'id "bannière contient normalement la bannière, pas du texte mais elle n'est pas terminé .

[klelugi]

salut kodenji,

j'ai l'impression que tu as un conteneur de trop la non ?

Vu les régles CSS que tu appliques a : #banniere p

pourquoi ne pas les appliquer directement à bottomheader ?

[Kodenji]

Ben pasque je veux que les propriétés que j'ai mise à #bannière p ne s'appliquent qu'à qu'aux paragraphes contenus dans "bannière".

En fait j'ai repris le même plan que pour le footer, un div global (footer ou header), puis un autre contenant l'image du bas (pour un cadre extensible en hauteur) contenant llui-même le texte ou la bannière (le div "bannière" mais dans le footer je n'ai pas ce dernier div, car ici c'est pour mettre une image dans le .css et non pas du texte, dans le footer ce div est remplacé par des <p> </p>.

[v4np13]

Je t'ai répondu ici

P.S.: il utilise la méthode des cadres auto-réglables

[Anonymus]

Bonjour Kodenji,

Merci de ne pas poster le meme problème sur plusieurs forums en même temps.

Anonymus.

[Kodenji]

Je suis vraiment désolé , en fait avant je me rendais sur un autre forum mais l'ambience y était assez déplorable et pour avoir une réponse, il fallait prier au moins quelques jours, sachant que la réponse n'est pas forcément synonime de problème résolut, c'est à ce moment que j'ai pris l'habitude de poster sur plusieurs forums pour la même question, je me dis qu'il vaut mieux le poster deux fois, il a plus de chance d'être vu et j'ai plus de chance de trouver une réponse... Je ne le referais plus, encore désolé .

En fait pour résoudre mon problème j'ai recopié mot pour mot mon footer (qui s'affichait donc à la place de mon header), puis j'ai remplacé au fur et à mesure les images, les tailles etc...

Finalement, après avoir tout remplacé les images étaient parfaitement bien placé, et donc ça marche parfaitement.

Pour ceux que ça intéresse, mon code est le suivant :

#header {
width: 760px;
background: url("images/header.png") no-repeat top left;
padding-top: 20px;
margin-bottom: 10px;
}

#bottomheader {
background: url("images/bottomheader.png") no-repeat bottom left;
padding-bottom: 6px;
}

#bottomheader p {
margin: 0 30px 0 20px;
}

.bannière {
width: 726px;
margin-left: -3px;
margin-top: -9px;
}

Et mon xhtml correspondant:

 <div id="header">
     <div id="bottomheader">
       <p> <img src="images/bannière.jpg" alt="bannière" class="bannière" /> </p>    
     </div>
  </div>

Modifié 4 Août 2005 par Kodenji