L'arrière-plan n'apparaît pas en répétition-y

Question

L'arrière-plan de div (colonne) gauche et droite n'apparaît pas, mais lorsque vous ajoutez "height: xx px" sont affichés. mais mon contenu div est flexible. Comment résoudre ce problème? tnx. mon code est:

<div style="background:url("image/l.png") repeat-y;float:left;width:3px;height:auto;" id="left"></div> 
<div style="width: 613px;background:#fff;" id="center"> 
    <p>contents</p> 
    <p>contents</p> 
    <p>contents</p> 
    . 
    . 
    . 
    . 
    . 
    . 
</div> 
<div style="background:url("image/r.png") repeat-y;float:left;width:3px;height:auto;" id="right"></div> 

Answer 1

Combine l et r .png et les faire 1 image de fond répéter verticalement sur #center, ou le cas échéant les mettre sur le parent de l'élément central.

Answer 2

Probablement les guillemets doubles ... pour les meilleures pratiques, essayez de garder votre css externe. Ce que le chasseur a fait est parfait.

Answer 3

Débarrassez-vous des guillemets. Vous n'avez pas besoin de guillemets lorsque vous utilisez url().