Background resizing

[Egg Bramhill]

A good question Gary! No, I can't find a way to make it work in Xara either. I'll keep at it.
I think it's down to the code Xara generates for the body section of the page. I don't know how you address this code. I suspect Acorn or Siran may know.
It works nicely in w3scholl try it as you state. LINK

[garycwood84]

Thanks, Egg! I've just managed to solve it. The solution was to use my original code, but, to make it work on Android, I had to add background width and height:

<style>
html{width:100%; height:100%; background:#ffffff url("http://www.URL-OF-IMAGE") no-repeat bottom right fixed;background-size:contain}
</style>

Thanks for your help with this. Now I just need to find a solution to making my site display at the left, rather than centre, of the browser window -- which I've asked about in a separate thread -- and then I'll be all set!

[garycwood84]

I've now it another problem. The code I've posted above works when you only have one variant. But as soon as you add multiple variants to the site, then a full-width white background appears, the same height as the page, and it obscures the image in the background!

[garycwood84]

Finally, I think I've fixed it! The answer was to use your code with some modifications, Egg:

<style>
html {
width: 100% !important;
height: 100% !important;
}
body {
background-image: url('http://www.URL OF IMAGE') !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: right bottom !important; 
background-size: contain !important;
}
</style>

[Egg Bramhill]

That's looking better but to me the image is right aligned to the pasteboard, not the page. ???

[garycwood84]

That's looking better but to me the image is right aligned to the pasteboard, not the page. ???

Thanks, Egg. Yes, I wanted the image aligned to the right of the pasteboard (i.e. browser window). I think it should be possible to apply it to the page, though, if that's what you need.