Comment utiliser une image de fond pour une div principale qui en a deux, une à gauche et une à droite

Question

Je souhaite créer une page HTML, CSS dont la présentation est la suivante:
< div id = " content " >
< div id = " left " >
.....
< / div >
< div id = & "right &"; >
.....
< / div >
< / div >
Le contenu div a une image de fond qui doit être répété dans la direction y. De plus, les divisions gauche et droite doivent être côte à côte sur la même image d'arrière-plan. Je suis en mesure de l'accomplir, mais en maintenant la hauteur du contenu fixe, mais je ne veux pas fixer la hauteur du contenu. S'il vous plaît aidez-moi les gens. Merci d'avance:)

Answer 1

sans voir votre code ... je suppose que vous faites flotter les DIV gauche et droite ... mais que vous ne faites pas flasher le contenu DIV ...

votre CSS devrait ressembler à ceci pour que cela fonctionne:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

  

Je suis capable de le faire mais par   garder la hauteur du contenu   fixe mais je ne veux pas faire la   la hauteur du contenu est fixée.

Si vous êtes en mesure de répéter l'image d'arrière-plan dans la direction Y, peu importe la hauteur de la #content div, votre arrière-plan remplira simplement l'espace restant - correct?

Si votre div de contenu n'augmente pas à la hauteur des div de l'enfant, alors float doit clairement être en dehors du flux normal de la page. Dans ce cas, vous devez <=> le définir et ne pas définir de hauteur pour le conteneur. div.

Answer 3

Il est assez difficile de comprendre ce que vous essayez de faire, mais je pense que vous voulez faire, c’est d’ajouter overflow: auto à votre contenu div, de sorte qu’il atteigne la même hauteur que le divs gauche et droite:

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}