link: March 2003 Archives
Reading the documentation actually does help!
I've been fighting with my "empty box" background image that I want to appear on all the pages of this blog. It was behaving "properly" in Internet Explorer, which usually means it's wrong. Netscape and Opera both were trying to center it across the entire window rather than just the right hand div, and Netscape was also scrolling it as I went up and down the screen rather than leaving it at the absolute bottom...which is where I said I wanted it to be.
On my third or fourth pass through the spec, I finally saw this stanza:
If the background image is fixed within the viewport (see the 'background-attachment' property), the image is placed relative to the viewport instead of the element's padding area.
Changing the attachment from "fixed" to "scroll" solved both the centering and scrolling problems at once. It's kind of counter-intuitive that fixed/bottom doesn't tack the image to the bottom, but that's the way it works. I'm just glad I finally stumbled across the answer.
If you have set yourself on fire, do not run
Funniest set of captions I've read in a long, long time.
Tweet tweet holla!
I really wish I could figure out why the image is breaking out of its assigned area...
