[Jacket]

I've come to notice that fixed background images don't appear to be supported in Camino. I discovered this working on my website. I was wondering if anyone knows of a code that works for both mozilla based browsers and other browsers like IE, Safari, etc. etc.

[Millennium]

Strange; they seem to work all right for me.

Check Eric Meyer's complexspiral, the de-facto acid test for fixed background support. There may be a code issue with your site.

[Jacket]

Originally posted by Millennium:
Strange; they seem to work all right for me.

Check Eric Meyer's complexspiral, the de-facto acid test for fixed background support. There may be a code issue with your site.

i checked it out.. i looked at the code and it appears he's using "stylesheets" for his layout. soemthing I've not yet learned to do.

my backgrounds for my website are done with the html code: bgproperties="fixed"

if i had the time to learn about style sheets i'd do so.. can you make stylesheets in Dreamweaver MX?

[Sharky K.]

Originally posted by Jacket:
i checked it out.. i looked at the code and it appears he's using "stylesheets" for his layout. soemthing I've not yet learned to do.

my backgrounds for my website are done with the html code: bgproperties="fixed"

if i had the time to learn about style sheets i'd do so.. can you make stylesheets in Dreamweaver MX?

the code you used is IE only (altough it is supported by more browsers)...

Try CSSEdit
http://www.macupdate.com/info.php/id/11696

[Millennium]

Originally posted by Jacket:
i checked it out.. i looked at the code and it appears he's using "stylesheets" for his layout. soemthing I've not yet learned to do.

my backgrounds for my website are done with the html code: bgproperties="fixed"

if i had the time to learn about style sheets i'd do so.. can you make stylesheets in Dreamweaver MX?

Ah, that would be the problem.

bgproperties="fixed" is a nonstandard extension to HTML. The standards-compliant way to do this is by using CSS. You can embed this into HTML with the following attribute:

style="background-image: url(url-for-image); background-attachment: fixed;"

You need to include those parentheses around the image's URL. However, there's a catch: this works in everything except IE. Well, to be fair, IE tries to do it, but it produces a different effect.

Fixed backgrounds, as seen in the standards such as Eric Meyer's complexspiral demo, are always fixed with respect to the browser window. The images stay in the same place, no matter how the user scrolls, and they are all plotted on the same coordinate system ("top left" is always the top left corner of the browser window). This makes it very easy to build an effect like Meyer's.

Fixed backgrounds, as IE does them, are fixed with respect to the element that contains them. They stay in their place within the element, no matter how the user scrolls the window, but users can scroll within the element and the background stays put. In addition, each background is plotted on a different coordinate graph ("top left" refers to the element which has that background, which will be different for each element). This makes it much harder to put a complexspiral-like effect together -and it completely falls apart if you're going for a liquid layout- but it has uses of its own.

If your window doesn't scroll, these two effects will look exactly the same, and work almost the same too (though you need to take IE's diffferent coordinate systems for each background into account, probably using a CSS hack).

If your window scrolls, however, then you're out of luck with HTML; you'll need to learn CSS. You really should learn it, anyway; you can save a lot of time and bandwidth with it, and it's not hard to learn. The worst part nowadays, assuming you don't bother with Netscape4, is keeping up with all the things IE gets wrong.

Dreamweaver can do stylesheets, by the way.

[Jacket]

i'm not to knowledgable on stylesheets.. can you explain how and what those are?

also....

could i just put both the IE code and the code you mentioned above to get compatibility with each browser?

[Mark E]

very simply put, style sheets allow you to change the look of your whole site by making changes to one key file (known as a style sheet).

say you want to change the background for every page on your site. instead of going through every single HMTL page and changing the coding, all you need to do is update a single file, your style sheet, and the changes will be put into use throughout your site.

make sense?

take a look here:

http://www.pond.com/how-to/style/fr_index.html

there are tons more css help pages online, just look on google for "css tutorial".

-Mark

[Mark E]

i forgot to mention - you can also use CSS for things like font and linking effects, changing the mouse pointer, positioning text and images, etc etc. it's well worth looking into.

here's a very cool site - it'll let you preview a stylesheet in a browser window so you can see your effects in action.

http://www.w3schools.com/css/default.asp

-Mark