css background picture scroll

#1

I have a background pic that I want to stay fixed on the page when scrolling
the rest of the content.

With the dreamweaver css editor I have set it to fixed but this only works in
firefox, netscape etc.

How do I get it to work in IE?

Thank you in advance.

Krb

#2

Hi,

I'm trying to follow the instructions at the link you posted. I paste that
code directly under the <head> symbol on my webpage. I change the image path to
the right one but all I get is the code from that link appearing on my page
when I preview in browser.

I'm not using css. I'm trying to use it directly on a code view htm page.
Do I need to have a css page?

Thanks in advance.

Ray

#3

No - you can do it inline (CSS) can you post a link to the page ? CSS is
initiall quite hard, DW does handle it quite well - my advice, use DW to
create the code.

Text -> css styles -> new ->
Tag - Body
This document only

This should put it all in that page. However in a website, its normally best
to have a seperate CSS page, it allows for easy management

G
http://www.AmericanCards.net

"Ray Dar" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

Hi,

I'm trying to follow the instructions at the link you posted. I paste that
code directly under the <head> symbol on my webpage. I change the image
path to
the right one but all I get is the code from that link appearing on my
page
when I preview in browser.

I'm not using css. I'm trying to use it directly on a code view htm page.
Do I need to have a css page?

Thanks in advance.

Ray

#4

This works well for me in the page code...

<style type="text/css">
body{
background: url(images/winchester-rider-bg.jpg) white center no-repeat fixed;
}
</style>

http://www.winchestercollector.org

Michael Hager

#5

Thanks for your help guys.

I know nothing about CSS. So I went for the second option that Michael posted.
I placed that code under the <head> and deleted the word "center" and also the
word "white".

<head>
<style type="text/css">
body{
background: url(images/ss036.gif) fixed;
}
</style>

This has enabled me to scroll over my background without having to do any CSS
stuff (I have no idea what CSS is yet, is there a tutorial for CSS)?

www.naturespeak.com.au/home.htm

It seems to be working fine.

Thanks very much for the assistance so far.

Ray

#6

I am trying apply that code to another page on the site. It has the same
background image, but for some reason the code is not working. Why would the
code have a different behaviour on another page?

And I found the CSS tutorials.

Thanks again.

Ray

#7

Quote:

without having to do any CSS
stuff

What you did was to add a CSS stylesheet to the page.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Ray Dar" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

Thanks for your help guys.

I know nothing about CSS. So I went for the second option that Michael
posted.
I placed that code under the <head> and deleted the word "center" and also
the
word "white".

head
style type="text/css"
body{
background: url(images/ss036.gif) fixed;
}
/style

This has enabled me to scroll over my background without having to do any
CSS
stuff (I have no idea what CSS is yet, is there a tutorial for CSS)?

www.naturespeak.com.au/home.htm

It seems to be working fine.

Thanks very much for the assistance so far.

Ray

#8

It should have the same effect on every page. Show me this page please.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Ray Dar" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

I am trying apply that code to another page on the site. It has the same
background image, but for some reason the code is not working. Why would
the
code have a different behaviour on another page?

And I found the CSS tutorials.

Thanks again.

Ray

#9

Hi Murray,

Sorry for not posting the link. I was in a rush when I wrote that.

This is the page that works.

http://www.naturespeak.com.au/home.htm

And this is the one that doesn't.

http://www.naturespeak.com.au/equipment.htm

I paste the same code under the word <head> but it doesn't seem to have the
same effect.

Any help is greatly appreciated.

Thanks

Ray

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

css background picture scroll

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

css background picture scroll - 11-09-2004 , 07:17 AM

Re: css background picture scroll - 10-11-2005 , 03:56 AM

Re: css background picture scroll - 10-11-2005 , 04:01 AM

Re: css background picture scroll - 10-11-2005 , 09:29 AM

Re: css background picture scroll - 10-12-2005 , 01:16 AM

Re: css background picture scroll - 10-12-2005 , 01:50 AM

Re: css background picture scroll - 10-12-2005 , 06:37 AM

Re: css background picture scroll - 10-12-2005 , 06:38 AM

Re: css background picture scroll - 10-12-2005 , 07:27 AM