Viewing Issue With Background Image

Issue With Background Image



User: Guest 13 years ago
[b:v1kfze4x][size=150:v1kfze4x]Currently on my iWeb site I am using an Image File selected for my Browser Background.[/size:v1kfze4x][/b:v1kfze4x]

[b:v1kfze4x]
[size=150:v1kfze4x]In iWeb the Image File will be stretched, centered, and scroll up and down with the page[/size:v1kfze4x][/b:v1kfze4x]


[b:v1kfze4x][size=150:v1kfze4x]In EasyWeb I tried doing the same thing.[/size:v1kfze4x][/b:v1kfze4x]


[size=150:v1kfze4x]But in EasyWeb the Image File seems to be Left Aligned and will not scroll up and down with the page. It will remain in the same place.[/size:v1kfze4x]

[size=150:v1kfze4x]
I need to be able to make it the same way that it is in iWeb.

Easyweb should add the "Stretch", "Scale to Fit", "Scale to Fill", "Original Size", and "Tile" options to the Browser Background section in the same way they are available for Page Background section.

Thank you!
[/size:v1kfze4x]
Edit
User: Paul-RAGESW 13 years ago
It is changed for the next beta. This MAY fix the issue for you now.

Put this in the Head Code field under the Publish Settings;

<style>
body {
background-position-x:50%;
background-position-y:50%;
}
</style>

-------------------------------
Paul
EverWeb Developer
User: Guest 13 years ago
Wow, that's great news! Yes, the code worked. Thank you! <!-- s:D --><img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D -->
Edit
User: Guest 13 years ago
One suggestion though. You might want to include this code

-webkit-background-size: 100% 100% ;

in the next beta for iPad and iPhone users because if it is not there the background image will shrink. I added it to the Head Code section and it worked, but it might be nice to have already pre-programed since many people use iPad and iPhones.


iPad Without -webkit-background-size: 100% 100% ;


iPhone Without -webkit-background-size: 100% 100% ;


iPad with -webkit-background-size: 100% 100% ;


iPhone with -webkit-background-size: 100% 100% ;
Edit
User: Paul-RAGESW 13 years ago
That will stretch the image which will cause other problems and won't be what users expect in most cases.

What is your website URL so I can take a look and maybe find a better solution for you...

-------------------------------
Paul
EverWeb Developer
User: Guest 13 years ago
Okay, I understand. It has been working for my site though. I guess because of the design. Our site is http://emmanuel.tv we are a Christian TV station. We built the site with iWeb and iTweak.
Edit


Post Reply
You must login or signup to post.