[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. 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"
    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. Salut à tous.
        Moi aussi j'ai souvent des problèmes avec "background-image"

        Je préfère donc utiliser "background: url(…) no-repeat;"
        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. 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. 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, 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. 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. Met ton style=" ... " sur ta div profils :

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