Ingo Chao wrote:
 >> A "degradation without grace" would be appropriate for IE6, I think.

I think you are right! :-) On the other hand, still lots of people don't 
know there are other things to see a webpage: that they call it 
'browsers', and that these other browsers are mostly better. I agree 
that Adrian feels the http://www.hoscote.com/test/menu1.html page is not 
very appetising for the millions of IE-users...
The javascript Adrian uses is too tricky for me, so as "be nice to IE" 
workarounds I see two possibilities :

   1. Use the IE-png hack of WebFX with the behavior.htc method. I made
      a working testpage some time ago:
      http://home.tiscali.nl/developerscorner/designhulp/ie_png_hack.htm.
      It's in Dutch, but the sourcecode is html. Also a handfull of
      links to other (English) pages about the IE/not-png story and
      png's in general.
      Btw: the so-called better png-support in IE-7 seems to be only a
      partial improvement, is said.
   2. Throw in the ring: an IE-only replacement of the png-images by
      gif-images with transparent corners.

Then, all of a sudden, I saw that Adrian's testpages are made for just 
the normal fontsize (at each resolution). That means: when a users 
prefers/needs to see the site with one or more fontsizes bigger (and 
he/she can do that indeed, clientside!), then the result is that the 
menu gets a different (not too good) look&feel. See screenshot: 
http://home.tiscali.nl/developerscorner/css-discuss/images/menu-in-fontsize-plus-one.gif;
 
this one was Firefox, but IE does the same (Opera still fine). - The 
menu is not liquid enough!

That brings me to the question: do you really need the png's, and why 
not (for all browsers) use 256-color gifs with transparent corners? I 
think the somewhat more smooth edges in a png will be remarked only by 
say 1 to 5% of the site-visitors. All others have more eye for 
navigation and content, I guess.
Anyway, that would make things a lot easier.
Then you dont need a complex javascript, you can miss the 
browser-sniffer (and every now and then an update of it, to keep it 
working...), and some simple css can handle it. All images can be 
brought together in one 
(http://wellstyled.com/singlelang.php?lang=en&page=css-nopreload-rollovers.html 
<http://wellstyled.com/singlelang.php?lang=en&page=css-nopreload-rollovers.html>).

As an illustration you can try my "Liquid Corners Playgarden" 
(http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-index.htm).
 
Afterwards, sit down for 5 minutes reading a good book, then close your 
eyes, and remember on what site-pages you saw disgusting gif-corners 
which should be indoubtedly transparent png's (any comments are welcome!).

We didn't manage to get your XMAS wish fullfilled, so: Happy New Year!

francky

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to