Background auto resize for any resolution

  • Hi,

    How do you go about making the background wallpaper of the site atuomatically resize for different resolutions and different window sizes?

    Could I just reduce it to say 800×600? Would it tile tho? I don’t want that to happen.

    My blog > https://www.bluntedpresents.co.uk

    Thanks very much for your help.

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

  • Your bg image is screwed up even in a relatively big(?) 1024×768 resolution. And it duplicates the header image and the white content area.
    I think you should think about setting it up a different way: you don’t need the big empty grey areas on the sides, you could make it simply the same bg colour for the body, which would give some flexibility.
    Or, if you have the header image anyway in the header, you could just cut the bg image in two for the right and for the left side.
    Anyway, it doesn’t work as it is now.

    Read up on background-position and background-repeat:

    https://www.w3schools.com/css/pr_background-position.asp
    https://www.w3schools.com/css/pr_background-repeat.asp

    There’s no way as far as I know to have your background image resized depending on resolution. If there is a way, I doubt it would be straightforward.

    Thread Starter ssor

    (@ssor)

    Cheers,

    I’ll give some of that a try

    Thread Starter ssor

    (@ssor)

    Not sure how to implement the code in the background position and repeat.

    How would you go about splitting the image into two for the right and left hand side?

    Many thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background auto resize for any resolution’ is closed to new replies.