centre une image de fond

enter image description here centre une image de fond

S'il vous plaît jeter un oeil à la capture d'écran ci-dessus, je veux centrer une image avec un fond noir, mais je me fais un peu d'espace blanc au fond. S'il vous plaît quelqu'un pourrait m'aider à résoudre ce problème.

CSS

.bgimg { 
    background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center; 
} 
div#cont { 
    height: 672px; 
}

HTML

<body class="bgimg"> 
<div id="doc2"> 
    <div id="hd"></div> 
    <div id="bd"> 
     <div id="cont"> 
      <div class="middle"> 
       <p> hi hello </p> 
      </div> 
     </div> 
    </div> 
    <div id="fd"></div> 
</div>

Source

2009-11-19 Kaartz

Je ne vois aucun espace blanc dans la capture d'écran? –

en bas au-dessus de la barre d'état du navigateur – Kaartz

Je ne peux pas reproduire cela, êtes-vous sûr de ne pas avoir cette couleur de fond blanc ailleurs dans votre css? –

Essayez d'ajouter ceci:

html,body { height:100%; }

Source

2009-11-19 19:53:47 Bertine

Merci beaucoup mon pote, ça a marché. – Kaartz

Essayez le réglage height:100%; de votre classe .bgimg.

Editer: Vous pouvez également définir padding:0;margin:0; sur votre classe .bgimg pour être sûr.

Source

2009-11-19 19:14:52 jaywon

non, cela ne fonctionne pas – Kaartz

Y at-il des espaces blancs sur le fond de votre image de fond? – jaywon

Je suppose que GBS-Chronicle-Background-1.png n'est pas assez haut. vous pouvez ajouter une couleur de fond au noir ou répéter l'image avec Y.

Source

2009-11-19 19:16:08

Essayez de changer l'ordre de votre règle d'arrière-plan pour que la couleur apparaisse en premier.

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

Source

2009-11-19 19:25:30 keithjgrant

essayer cela aussi (comme cela a été suggéré ci-dessus):

corps

{color: # 000000;}

aussi: Je suggère commentant la hauteur de votre contenu div aussi. Et/ou définir la couleur bkg du contenu div à la même couleur que le corps. J'espère que cela pourra aider! :)

Source

2009-11-19 19:58:55

Répondre

Questions connexes