2012-07-03 2 views
0

Création d'une zone de contenu dont la couleur de fond est blanche. C'est entre les div diviseur et footer qui sont les deux images. Je ne peux pas l'aligner avec les deux divs et l'avoir sans espace blanc, seulement l'un ou l'autre.Div div de couleur d'arrière-plan simple sans espace blanc

C'est le CSS:

#content { 
    background-color:#ffffff; 
    width:1024px; 
    margin: 0 auto; 
    font-family:Verdana, Geneva, sans-serif; 
    font-size:12px; 
    padding: 0; 
    display: inline-block; 
} 

Comment puis-je obtenir la boîte de contenu pour aligner avec le reste de la page et ne pas avoir des espaces blancs?

Voilà à quoi ça ressemble pour le moment, je veux me débarrasser de l'espace entre la boîte HELLO et les images au-dessus et en dessous.

This is what it looks like at the moment, I want to get rid of the space between the HELLO box and the images above and below it.

+2

Peut-être que ce sera plus facile à comprendre si vous pouviez poster votre problème sur http://jsfiddle.net/? Je suis perdu :) – avasin

+1

Nous avons besoin de plus de votre code. Au moins le css pour les images, et le html serait bien aussi. – dezman

+0

Hmmm, donc vous voulez un en-tête en haut, et un pied de page en bas, et le contenu entre? Et le contenu doit être à partir du bas de l'en-tête et le haut du pied de page? Ou quelque chose comme ça? – BjarkeCK

Répondre

1

Ce n'est pas une excellente solution, mais avec les informations données, il est le seul que je peux trouver.

CSS

#content { 
    background-color:#ffffff; 
    width:1024px; 
    margin: 0 auto; 
    font-family:Verdana, Geneva, sans-serif; 
    font-size:12px; 
    padding: 0; 
    display: inline-block; 

    position:relative; 
} 

#topWhiteFix, #botWhiteFix { 
    position:absolute; 
    left:0px; 
    height:12px; 
    width:100%; 
    background:#FFFFFF; 
} 

#topWhiteFix { 
    top:-12px; 
} 

#botWhiteFix { 
    bottom:-12px; 
} 

HTML

<div id="content"> 
    <div id="topWhiteFix"></div> 
    <div id="botWhiteFix"></div> 

    HELLO 
</div> 

(non testé)

2

Il ne semble pas comme une solution propre pour moi, mais ici je vais:

#content { 
margin-top: -15px; margin-bottom: -15px; 
} 

En fait, je ne sais pas si -15px est assez bon, vous devriez essayer vos propres valeurs.