28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai essayé de mettre un background-color sur un div, et étrangement, ça ne fonctionne pas.

Voici le code:

HTML:

<div id="main">
  <div id="header">
    ...
    <div id="dialog_box">
      <img src="images/closetab.png" alt="" />
      <form method="post" action="search.php">
        <p>
          <label for="recherche">Rechercher</label><br />
          <select name="recherche" id="recherche">
            <option value="tout">Tout</option>
            <option value="lieux">Lieux</option>
            <option value="events">Evénements</option>
          </select>
        </p>
        <p>
          Catégories:<br />
          <input type="checkbox" name="cat1" id="cat1" /><label for="cat1">Catégorie 1</label><br />
          <input type="checkbox" name="cat2" id="cat2" /><label for="cat1">Catégorie 2</label><br />
          <input type="checkbox" name="cat3" id="cat3" /><label for="cat1">Catégorie 3</label><br />
          <input type="checkbox" name="cat4" id="cat4" /><label for="cat1">Catégorie 4</label><br />
        </p>
        <input id="submit" type="submit" value="Rechercher" />          
      </form>
    </div>
  </div>
  ...
</div>


CSS:

#main
{
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#header
{
	width: 75%;
	float: right;
}

#dialog_box
{
	width: 55.5%;
	float: right;
	clear: both;
	margin-right: 19px;
	border: 1px solid rgb(100,100,100);
	color: rgb(100,100,100);
	background-color: white;
}

#dialog_box p
{
	font-size: 14px;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 8px;
}

#dialog_box img
{
	width: 5%;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;

}

#dialog_box #submit
{
	margin-left: 5px;
	margin-bottom: 5px;
}


Mon div est transparent, on voit ce qu'il y a en-dessous.
Comment faire?

Merci.
Chez moi le fond apparaît blanc...
Tu n'as pas d'autres propriétés css qui pourraient contrer celle-ci ?
J'ai pas l'impression qu'il y ait un conflit non...
En fait, j'ai l'impression que mon bloc est en arrière-plan.
Si je mets blue à la place de white par exemple, mon fond va être bleu mais mon contenu central va passer par-dessus...
J'ai essayé z-index, ça ne marche pas Smiley decu