Simple CSS Question

welshie · #1 Jan 28th, 2007, 12:37

I'm sorry to ask such a simple question, but my mind has gone to mush.

I'm currently designing a website and I want my background to be static, i.e. when you scroll down the page the background doesn't move it's just the text that scrolls up.

Lchad · #2 Jan 28th, 2007, 13:09

body {
background: fixed;
}

moojoo · #3 Jan 28th, 2007, 14:37

background-attachment: fixed;

daygon · #4 Jan 29th, 2007, 15:37

Yeah its not really html thats more a css question. but the two above both work.

Put what Lchad said in your <head> section

majo323 · #5 Jan 30th, 2007, 10:22

<body background="picture.jpg" fixed>

http://mwblog.org

Quote:

Originally Posted by welshie

I'm sorry to ask such a simple question, but my mind has gone to mush.

I'm currently designing a website and I want my background to be static, i.e. when you scroll down the page the background doesn't move it's just the text that scrolls up.

daygon · #6 Jan 30th, 2007, 16:06

Quote:

Originally Posted by majo323

im not sure if that works in all browsers so your better off with Lchads and moojoos way.

Ryan Fait · #7 Jan 30th, 2007, 21:09

No, that is not correct HTML or CSS.

daygon · #8 Jan 31st, 2007, 00:58

Ok its like this:
body{
background-image: url(image.jpg);
background-position: fixed center;
}

I believe... I dont use it to much. I've only used it once. Its mostly done for myspace users.

Ryan Fait · #9 Jan 31st, 2007, 01:18

Still incorrect. The longhand is:

Code: Select all

body {
    background-attachment: fixed;
    background-color: #ffffff;
    background-image: url(image.jpg)
    background-position: center center;
    background-repeat: no-repeat;
}

and the shorthand is:

Code: Select all

body {
    background: #fff url(image.jpg) no-repeat fixed 50% 50%;
}

I did a google search to make sure, and what do you know, my site came up as the 5th result!!!
http://ryanfait.com/articles/2006/10...css-shorthand/

karinne · #10 Jan 31st, 2007, 12:22

Quote:

Originally Posted by majo323

Oh dear! There are 2 things wrong in that simple little chuck code

If majo323 comes back ... here's what's wrong:

1- the background attribute is deprecated and should be replace with CSS (see Ryan's last post)

2- Where did you get the fixed attribute?! I don't see it anywhere in the list of attributes from the W3C

There ... hope that help you understand what moojoo and Ryan were saying about the code you wrote

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
hopefully a simple question	newoptical	Hosting & Domains	9	Sep 21st, 2007 22:02
simple question	Daniel	Web Page Design	29	Feb 6th, 2007 17:23
a simple question (I think)	Colm Osiris	Web Page Design	2	Feb 5th, 2006 09:17
A simple Question...	Lizard-	Classic ASP	11	Aug 11th, 2004 08:45

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Simple CSS Question