tile background image css

Question

I want to repeat background image in a div but without specifying height, i want it to be flexible, if any amount of data comes in background should still be there. if i don't specify height it does not shows there but other properties like margin auto is applied.

any suggestions.

Answer 1

.background-element {
    background: url(tile.gif) repeat;
}

This will repeat even if the element's width/height is unknown.

Answer 2

Use the property background-repeat repeat for that div tag. It should keep itself inside the div tag.

css:

.background-element {
  // just add
  background-repeat: repeat;
}

html:

<div class="background-element">
  <!-- content -->
</div>