Fixed background?!

supanova75 · #1 Aug 3rd, 2007, 16:35

Hi

I've been designing websites for a couple of years, but have just been stumped! A client has asked me to do something similar to http://www.innocentvillagefete.com/ in that i need the background to remain static, as this site does. Can anyone tell me how you do it please?

Thanks,
Nova

karinne · #2 Aug 3rd, 2007, 16:42

Welcome to the forumz Nova!

Make sure you read the rules and the stickies in the different area!

To answer your question, just set the background-repeat property to no-repeat and the background-attachment property to fixed

So ... something like this

Code: Select all

body {
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

Or the shorthand version

Code: Select all

body {
   background: url(background.jpg) fixed no-repeat 0 0;
}

14.2 The background

supanova75 · #3 Aug 3rd, 2007, 16:54

Hi

Thanks, but i still need to be able to scroll down, i just need whatever i put in a table to scroll, not the background, as it does on this site http://www.innocentvillagefete.com/.

Thanks again,
Nova

supanova75 · #4 Aug 3rd, 2007, 16:56

ignore that, sorry. i've got it now...thanks again!!!

karinne · #5 Aug 3rd, 2007, 16:57

good ... glad to see you got it working then.

Ross · #6 Aug 10th, 2007, 23:40

Quote:

Originally Posted by karinne

Code: Select all

body {
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

Cheers for this, just saved me from ripping my hair out

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] About "background-image: fixed;" Scrolling Issues	doctypedeclaration	Web Page Design	9	Apr 13th, 2008 18:54
Fixed Background Issue	LeeNic	Web Page Design	6	Mar 18th, 2008 09:55
[SOLVED] Fixed Background Image?	Jack Franklin	Web Page Design	4	Oct 7th, 2007 19:45
fixed background with shadow	aaronh	Graphics and 3D	12	Mar 5th, 2007 21:35
Fixed Height	minorpa	Web Page Design	3	Dec 29th, 2006 15:21

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Fixed background?!