Alright, I hope you understand what I'm trying to achieve..
I am trying to develop a web2.0 or even a myspace type of layout where the background image is stationary and scrolls vertical & horizontal. I've downloaded specialty backgrounds from myspace on their home page (when they have one) to check out the image sizes they use. The sizes range from about 1100px by 950 to 1650 by 1000 for a background image .. Then the site scrolls over top... I created a site and a background (1400 x 950) but I can't seem to get the background to scroll horizontally, yet keep the actual site centered.. I got it to center no problem, scroll vertically no problem and the background stays stationary but no horizontal adjustment.. Do you get what I'm trying to achieve here..?
I'm not sure what you're trying to do with the background. If you have imported a background image (Page Editor->Background "Image" button) and checked the "No-Scroll Background", then the background should not scroll. It does not matter if you center your page or not.
Do you have a page link that demonstrates what you are seeing? Or not seeing.
I did that, but when I preview it in a browser it cuts off the far right side without horizontal adjustment.. Vertical scrols nicely.. the page size is 1400x950 the background image is 1400x950.. so what to do now?
If you want to see the entire background of 1400x950, you will need a screen size greater than 1400x950.
The background image is "painted" onto the browser window. It does not sit on top of the browser as would an image. The scroll bars are for scrolling the content of the page and the background is not part of the content.
I want the background image to have an (absolute center) and the page content to have an absolute center so everything will center regardless of screen res..Get the picture? I've seen it done, I just can't do it in site spinner.
When SiteSpinner uses an image as a background, it uses the default positioning of top and left. To center the background image, you need to add some CSS code to your page to do this:
<style type="text/css">
body { background-position: center; }
</style>
Thanks larry.. I was able to play around with the code and got it to work.. Now another dilemma.. I have a sliced image from photoshop which is actually thr body background which will scroll vertically over that background we just worked on. I need it to do generally the same thing.. and stay centered yet scroll vertically.
Larry, got it ALL to work.. thanks for your help. The no scroll background and center the page horizontally fixed the problem with all resolutions.. thanks!! I'll post the site when I upload it.. It's only a page or two for a phone sex site.. yes you read right.. no nudity... classy IMHO..
Ok, as promised the finished product.. 1-800U.S.Girls..(ADULT CONTENT!!) The site's look was designed with Photoshop CS2, and Imageready, Including the navigation bar and it's rollovers. I imported all the images to sitespiner and designed the site from there. Thanks for the CSS code for the background positioning Larry..