Comments: Nice Fade

That it is.

For whatever reason this does't work:

#whiteshade
{
width: 750px;
margin-left: auto;
margin-right: auto;
}

(to have the fade only appear over the centered content). That same CSS controls the rest of the page, including #banner and #container, so it's odd that it doesn't work with the transparent PNG. Is the z-index: 10 screwing up Safari's ability to grasp the width? It kept shoving it all the way to the left (but 750px).

I didn't look into it too much, so don't consider this a bug report per se. :-)

Incidentally, Safari also had big issues with a bottom fade. I'd added:
bottom: 0px;

Safari insisted on drawing white lines through my site. They changed in size as I resized the window. Very frustrating.

When's Safari going to support gzip? My pages (and many other people's) would load soooo much faster.

http://leknor.com/code/gziped.php?url=http%3A%2F%2Fnslog.com%2F

Posted by Erik J. Barzeski at May 10, 2003 4:29 PM

The effect's very nice. Well done, Erik =)

Posted by Adam Betts at May 10, 2003 5:52 PM

I've done a similar thing on a couple of my sites. The official Concept House site, http://www.concepthouse.com/ ,and my personal blog.

Both sites use alpha'd pngs to accomplish the effect in fixed position DIVs.

I do like Erik's redesign, though.

Posted by Christopher Holland at May 11, 2003 5:11 PM

I was gonna say, I thought I had something similar on my site, but not... That is very cool! I imagine IE renders it horribly though given how it pukes on fixed placement. Jeez I wish MS would fix that kind of thing.

Posted by Michael Ditto at May 18, 2003 2:13 AM

Yeah, it's horrible in IE. I had a very similar effect on my personal site, and it looked boffo in anything other than IE. In IE, it rendered as this scrolling, non-alpha-backgrounded block... a total mess. Much like IE. :)

Posted by Paul at May 20, 2003 8:03 AM

Nice indeed. I had a "fadey" type design with a lot of other crap at my blog, but I switched to a simpler design because I felt like it, and because of the bad rendering while using IE/Win at school. It'll be up again one day, I'm sure.

Posted by Dris at June 4, 2003 10:30 PM