2009-11-19 7 views
0

enter image description herecentre 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> 
+0

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

+0

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

+2

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

Répondre

1

Essayez d'ajouter ceci:

html,body { height:100%; } 
+0

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

0

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.

+0

non, cela ne fonctionne pas – Kaartz

+0

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

0

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.

0

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; 
0

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! :)