Static Background with dynamic...

User 2308855 Photo


Registered User
8 posts

have also created the custom.css file as instructed and uploaded into the same location as index.html

this is the css file created

body {
margin: 0 auto;
min-height: 100%;
max-width:960px;
width:90%;
color:#fff;
background: url(backstretch/bgwebfitz.jpg) repeat-y;
}
User 2308855 Photo


Registered User
8 posts

now the image is not remaining static or resizing to fit the screen, it is now too big for the ipad
User 2308855 Photo


Registered User
8 posts

Please let me know if there is no more help on this
User 2088758 Photo


Senior Advisor
3,087 posts

Sorry Declan I will look at this tonight when i get home again. I am sure its just some minor coding changes to correct.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2310572 Photo


Registered User
3 posts

I am using the instructions on A Growers Life site for the background image with the html box at the top left corner of the VSD page with the code:

<script src="backstretch/jquery.js"></script>
<script src="backstretch/jquery.backstretch.js"></script>
<script>
$.backstretch([
"backstretch/bgwebfitz.jpg"
], {

});
</script>

this work fine on the laptop. Is there maybe some code to be added that will make the background image resize for Ipad correctly.
Thanks
Declan
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

I would fix these errors first.
http://validator.w3.org/check?uri=http% … mp;group=0
You have some stray html code.
Extra body and head tags that look like they were placed in there along with your WOW slider code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

</head>

<body style="background-color:#ffffff">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2310572 Photo


Registered User
3 posts

Hello again, I have corrected the html issues outlined. The background effect i am using is on the A Growers Life site at:
http://progrower.coffeecup.com/jqueryba … tatic.html
I am still having the same problem that the background resizes correctly on the laptop etc. but on the ipad it does not resize to fill the background with a strip down the right hand side causing the image to be off center to the left. I thought it must be because I maybe missed some of the html corrections outlined by yourselves. Just to make sure I loaded your own page http://progrower.coffeecup.com/jqueryba … tatic.html onto the ipad and the same problem is on there as well. Please let me know if there is a way to fix this.
Thanks, Declan
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

I'm not near an Ipad. Does this page work correctly?
http://srobbin.com/jquery-plugins/backstretch/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2310572 Photo


Registered User
3 posts

yes it looks like it does work on the ipad

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.