Can I lock the page background?

Hi folks,

Please take a look at a shell of a site in development.

In this case, I built my own png background, and it seems to be moving when I shrink the browser down. The bg is set to tile vertically and is centered, as is the page.

It looks fine when I stretch the window wide across two monitors, but when I go under the page width, it gives me problems.

http://www.macrisdirect.com/development/client6/test.htm
Do I need to do something different with the PNG? I really like the look of it when the window is sized correctly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m hoping the answer isn’t left justify the site. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Andrew, remove the image from the page and make your page background grey. Make a wrapper div to hold your site content and place just a slice of the background image as a background image. Set the image to Horizontal: Center and Vertical: Tile

Here’s a very rough sample http://freshbrand.com/STUFF/AndrewSample/

Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahh, so put my container inside another container? I’ll give that a shot


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, that did the trick. Thanks for the help.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options