How to Make Page Background Stationary

May 22, 2009 by Scott
Filed under Xsitepro Technical

Leave a Comment

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Someone over at the Xsitepro Forum asked the following question:

How do I get my background to remain static while my page moves?

With Xsitepro version 2.0 this is an easy task to accomplish.

Go to the ‘Other Tab’

Go to ‘Website Settings’

Go to ‘Advanced Image Tiling’

Now look in the Margins dropdown and you will need to select on of the NO SCROLL optins depending how the background image is tiled.

That’s it!

I really like the stationary background and would use it often when designing websites with Dreamweaver. Xsitepro really makes it simple to create a stationary background in which the page scrolls up or down depending where your at in the website.

Here’s a way to accomplish a stationary background using html coding.

Using CSS

body {
background-image: url(coffee/images/bk3-opaque.jpg);
background:url(coffee/images/bk3-opaque.jpg) fixed;
}

Another Option

background-image: url(../images/CHOOSEYOURIMAGE);
background-position:top;
background-repeat:repeat-x; (or “no-repeat” if a full size wallpaper background)
background-size: 100%;
background-color: CHOOSEYOURCOLOR;
background-attachment:fixed;

One more Option

Place in body tags

If you need more information on how to do this, simply google “stationary background image”