I've got a background pattern repeating vertically on my main content section. The background has a vertical height of 39 and varies over that height, so ideally I need to size the container so that it 1.) contains all of the content on any given page and 2.) allows the background to repeat a whole number of times on any given page.

Any suggestions?

1 answer

This was chosen as the best answer

I've used javascript to adjust the width of a container so that it aligns with a 25px tile pattern. See http://www.quirky.co.nz/ (although it is using a rather outmoded js library, which is overkill as the library is no longer doing anything else on the page).

I don't think that a purely css solution is possible.

Answered about 9 years ago by Richard Grevers