фон не показывается в повторении

Question

фон левого и правого div (столбца) не показывается. Но когда добавляется "height: xx px".но мой контент div гибкий. как решить эту проблему?Тпй.мой код:

<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

Скорее всего, двойные кавычки ... для лучшей практики старайтесь, чтобы ваш CSS был внешним. То, что сделал охотник, прекрасно.

Answer 2

Избавьтесь от двойных кавычек. Вам не нужны кавычки, когда вы используете url ().

Answer 3

Объедините l и r .png и сделайте из них 1 фоновое изображение, повторяющееся вертикально на #center, или, если необходимо, поместите их в родительский элемент центрального элемента.