Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
08-01-2012, 10:42 PM #1
- Join Date
- Aug 2012
- Thanked 0 Times in 0 Posts
How to align/lock background image and text together when zooming in/out
I'm a complete beginner with CSS and am using squarespace.com to create a simple website. I have had to wander into the custom CSS section in order to add a background image.
Here is the page I'm referring to in the question below:
The problem I'm having is that my text and background image are not aligned when I check the webpage on screens of different resolutions or when I zoom in or out - the text stays central but the background appears to be stuck to the left.
How can I keep my text and background in the same position however/wherever they are viewed, so that the text is effectively locked to the background and the text appears to be 'written' on top of the background page image?
I have tried shifting the position of the background with little success.
This is the CSS I have entered for the text and background:
I'd really appreciate any help - I'm sure the answer is simple!
Thanks in advance