This is a discussion on "how did this guy do this?" within the Web Page Design section. This forum, and the thread "how did this guy do this? are both part of the Design Your Website category.
|
|
|
|
|
 |
||
how did this guy do this?
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Oct 31st, 2006, 00:48
|
|||
|
|||
|
how did this guy do this?
look at the W logo on the left hand side and then scroll down.
http://www.westciv.com/style_master/.../css_tutorial/  that is amazing        
|
|
|
|
#2
Oct 31st, 2006, 05:02
|
|||
|
|||
|
Re: how did this guy do this?
The white bit is a background image and the blue header is an image over the top of it.
See http://www.westciv.com/images/page_bg.gif for the white background and http://www.westciv.com/images/banner.gif for the blue header and you should understand. The background stays still, while the main body of the text scrolls up and down.
|
|
#3
Oct 31st, 2006, 14:59
|
|||
|
|||
|
Re: how did this guy do this?
Be careful if you decide to do something like this.
It only really works as intended in Firefox and Opera, NOT in IE. IE is a bit of a fudge. Also, because of the way things have been set up, the effect is lost if you are viewing with something less that 1024.
|
|
#4
Oct 31st, 2006, 15:44
|
|||
|
|||
|
Re: how did this guy do this?
It does work in IE 7 or should since IE 7 correctly handles background-attachment:fixed; now. And if done right IE 6 it will degrade gracefully and simply stay put at the top.
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
|
|
| Tags |
| amazing |
| Thread Tools | |
|
|
