tiled background image different resolutions

  • avillabon

    (@avillabon)


    13 years, 10 months ago

    I would like to learn how people use tiled images for backgrounds so they can look right no matter what the screen resolution is.

    I started playing around with this on this test site namasteas.com but as you can see the wood tile spans way beyond the limit of the screen :s

    Can you shed any light on this issue?

    Thanks!

    Alex

Viewing 2 replies - 1 through 2 (of 2 total)
  • Alain Lankers

    (@alain-lankers)

    13 years, 10 months ago

    Check your #featured #slides in style.css. Remove the paddings and margins (they are set to 999px and -999px). Give #featured #slides a width {100%}. And remove the width 960px from your .container. Your background is now how it should be. You’ll just need to reposition your elements.

    Thread Starter avillabon

    (@avillabon)

    13 years, 10 months ago

    That works.. but here is the problem, I center it to what is the center in my screen resolution. But when a bigger or smaller screen resolution (or browser window)views the site it will be off-center.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘tiled background image different resolutions’ is closed to new replies.