[CSS] affichage du background

Résolu
Bonjour,
pourquoi si je met ce code le background-image ne s'affiche pas dans le div profils ?
<div style="background-image:url(images/profils.gif); width:345px">
<div style="text-align:center">PROFIL ALEATOIRE</div>
<div id="profils">
<div style="float:left">
colonne 1
</div>
<div style="float:left">
colonne 2
</div>
<div style="float:left">
colonne 3
</div>

</div>
</div>
Configuration: Windows XP
Opera 9.80

11 réponses

  1. Met ton style=" ... " sur ta div profils :

    <div id="profils" style="background-image:url(images/profils.gif); width:345px;">
    </div>
    1. si tu mets simplement

      Un petit truc bête, essai toujours on sait jamais en ajoutant " ' " dans ton url?

      Comme ceci:

      <div id="profils" style="background-image:url('images/profils.gif'); width:345px;">
      </div>
      1. non, le problème ne viens pas de l'url, du fait que le background s'affiche sur le div qui le précède (qui affiche Profil aleatoire)
        1. Ah en effet, pardon j'avais mal lu!
          tu as fais un css.. dans le css tu n'as pas mis de couleur de fond pour ton "profils"? Ou quelque chose qui pourrait faire defaut
          1. non, j'en ai pas fais

            je croix que le problème viens de l'attribut float:left dans les div des colonnes, car sans elles, le background s'affiche, mais je ne comprend pas pourquoi ?
            1. ok et si tu mes dans cet ordre:

              <div style="text-align:center">PROFIL ALEATOIRE</div>
              <div style="background-image:url(images/profils.gif); width:345px">
              <div id="profils">
              <div style="float:left">
              colonne 1
              </div>
              <div style="float:left">
              colonne 2
              </div>
              <div style="float:left">
              colonne 3
              </div>

              </div>
              </div>

              ça donne quoi?
              1. Salut à tous.
                Moi aussi j'ai souvent des problèmes avec "background-image"

                Je préfère donc utiliser "background: url(…) no-repeat;"
                1. c'est vrai que c'est une bonne idée, ça m'est arrivé aussi et j'ai fais ça pour que ça marche, je n'y avais pas pensé
                  1. J'ai résolu mon problème en ajoutant un height au div parent qui contient les div flottant .

                    En faite , Les elements flottant, c'est a dire les elements auxquels tu mets ton float:left;, float retire l'element du flux pour pouvoir le positionner soit a gauche, soit a droite, de ce fait, l'element parent est considéré comme vide (vu que l'element fils est hors du flux, flottant).

                    pour regler cette affaire, tu peux soit mettre une taille a ton parent, soit bidouiller avec un div auquel tu mettras le style "clear"