GIF problems

They have: 4 posts

Joined: Jun 2011

Hey,

I'm using a gif file for a 'shadow' effect. The file is 45K and looks nice on the local (development) machine. On the actual web server, however, the gradient is 'banded'. I right clicked and selected 'view background image' in FF and the image info shows the file as being 8K, which is why it looks the way it does.

I checked the file with FTP and the file on the server IS 45K. I actually uploaded another copy of the file , cleared my cache, etc., but the file being displayed in the browser is 8K.

What can cause this?

I can use a png file, I suppose, for transparency, but won't I run into trouble with older MS browsers' inability to display png transparency?

Thanks

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Have you considered using CSS box-shadow or text-shadow? Both are pretty widely supported (see: text-shadow, box-shadow) as long as you embrace progressive enhancement and don't expect the design to look exactly the same in every browser. I find those to be a much cleaner and easier way to apply subtle shadows.

Sorry I can't answer your original question!

They have: 4 posts

Joined: Jun 2011

Thanks for your response. Unfortunately, I'm using Drupal for the site and a specific pre-written theme. I'll take a closer look at the theme's style sheet and see how difficult it would be to redo the part I need.

Thanks again.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Let me know if you get stuck. I do a lot of Drupal theming work and can probably pinpoint the place where you need to add the code.

They have: 4 posts

Joined: Jun 2011

Wow!! Thanks for the offer. However, after looking at your link, it appears this wouldn't work for IE 7 and 8 which is my target audience. MS's complete disregard for standards has been a big pet peeve of mine for years. PNG transparency could open the door for some nice effects. Unfortunately, too many still use IE and that poses problems for many web designers.

Again, thanks for your responses. I appreciate your help.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.