Doesn’t look like the background is moving, it’s just too big. When the home page and the blog are loaded, there is enough content to stretch the page over the whole background image. On the pages with smaller ammounts of content, it gets cut-off.
Sorry, should have provided a suggestion too. You could try adding a “height” attribute to mainContainer, that would make the div big enough to cover the whole image, but that would leave a heap of empty space at the bottom of those pages lighter on content, and could cause over-flow problems.
I would probably crop the image so it was just the tree and the ground, then create a div to hold it, and use it as a background, which gets positioned “bottom”, as per here:
http://w3schools.com/css/css_background.asp (see the section called “Background Image – Set position and no-repeat”)
Then position that dive to sit at the bottom of mainContainer, but still under the main content.
Make sense?
Hi
Cheers for thsi
I have made them image smaller that didnt work this is the CSS associated with the DIV class
background:fff;
position:absolute;
left:0px;
top:00px;
width:100%;
background-image:url(images/bg_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
Kevin,
I think you might be editing this while I’m looking at it. Things keep changing…..
Try using this in stlye.css (line 150):
#mainContainer {
background: #FFFFFF url(images/bg_bg.jpg) bottom left no-repeat;
width:100%
}
and comment-out the #mainContainer reference in style_trans2.css (line 32).
Hi
It all seems to work now but the bg has gone to ededed but there is no color code of this in my css
Looks white to me right now.
Incidentally, Firebug, which is an add-on for Firefox would be very helpful here indeed. It would tell you where in the .css the background colour of ededed was coming from.
Thanks I found it I think it all looks on now?
By the way, I like what you’ve done with the body background colour to make the bottom of the page look like “earth”.
Nice work.
-edit: this is almost delayed-chat. Yeah, it’s all looking good on my end.
haha Cheers
Add me on msn if you want?
I only skype/google-chat, but I’m not hard to find: http://www.ChrisSchryerDesigns.com
