28221 sujets

CSS et mise en forme, CSS3

Bonjour,
Voici la capture d'écran d'une bannière de site. La zone "header" est dans une boîte de 160px de haut ; l'image de fond est également de 160px de haut. Pourtant, il subsiste une zone blanche au-dessus de l'image (voir flèche) dans Firefox (et pas dans IE6)
Voici les codes :
CSS :
div#header {
	padding: 0px;
	margin: 0px;
	background: url(/Images/banniere.gif) no-repeat center 0px;
	height: 160px;
	border-bottom: 2px solid #59697D;

et l'HTML :
 <div id="outer">    <div id="header">        
  <div></div>
  <h2>&nbsp;</h2>
    <h2><br />
    </h2>
    </div>    
  <div id="nav">
      <p>&nbsp; </p>
      <p>
        <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>
</p>.............................

Je ne vois pas comment supprimer cette bande blanche. Quelqu'un a-t-il la solution ? Je le remercie d'avance. upload/451-bannerTT.gif upload/451-bannerTT.jpg
Modifié le 09 Jan 2005 - 14:58
Plop, tu n'as pas l'impression d'avoir un problème au niveau de ces balises :
 [#red][b]<div id="outer">    <div id="header">[/b][/#]
  <div></div>
  <h2> </h2>
    <h2><br />
    </h2>
    </div>    
  <div id="nav">
      <p>  </p>
      <p>
        <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>
</p>.............................

Smiley smile
a écrit :
Plop, tu n'as pas l'impression d'avoir un problème au niveau de ces balises :

Je suppose que tu me poses une question.
Je suis débutante et je ne vois pas le problème. Smiley decu
Si tu en vois un, veux-tu bien me l'indiquer ? Merci.
Bonjour,
J'ai corrigé l'HTML ; maintenant l'image de fond du Header se positionne correctement
<div id="outer">
  <div id="header">
    </h2>
  </div>    
  <div id="nav"> etc..........

J'avais tout bêtement inséré un saut de ligne inutile qui décalait l'image vers le bas ! Smiley confus
Modifié le 10 Jan 2005 - 10:27