So we're getting ready to launch some redesigned stuff on Yahoo! Finance and are taking the CSS plunge (finally). Even ignoring the ancient Netscape 4.x browsers, it's not easy. Looking at Galeon/Mozilla on Linux and Mozilla/IE/Opera on both XP and Mac OS X (oh, and OmniWeb on the Mac) highlights a lot of places where they don't agree. I wish I had the time to take screen-shots of each and post them. Hmm. Maybe tomorrow.

Yikes, I guess we ought to look at Konqueror too. What other browsers GUI are we missing? Yeah, I know about lynx, links, and w3m. Let me know if we're missing some.

How do others deal with this? Fall back to the tried and true table-based layout for some of the tricky items?

Oh, this will also be one of our most visible "live" uses of MySQL. More on that later.

If you'd like to see the layout in your favorite browser (one we haven't tested, maybe), let me know. Your help would be appreciated--especially if we can get a screen-shot out of the experience. (I'm way behind on the rest of my life this week as a result of all this stuff. Maybe I'll blog that story someday too. There are some important human lessons buried in this experience.)

Update: It's almost 3am again. I should really get to bed. *sigh* So much mail to catch up on...

Posted by jzawodn at August 08, 2002 01:18 AM

Reader Comments
# kasia said:

Opera on linux - very different from Opera on Windows..

AOL browser.

We basically use the minimal HTML allowed by law.. tables, tables, tables.. Javascript helps a bit with this as well (if netscape do blah, else do blah, default scream for help, etc).

on August 8, 2002 05:10 AM
# Dan de Isaacs said:

Or, you could just make it work with IE, and be happy with %90. Then you'd have time to get the %DV dosage of sleep.

on August 8, 2002 05:50 AM
# Ask Bjoern Hansen said:

> Or, you could just make it work with IE ...

if it's anything like the place I do work, then most of the developers use Mozilla so that has to be supported too. =)

Once in a while I also use links; it's actually a pretty good browser.

on August 8, 2002 06:25 AM
# new2unix said:

hi,

www.wrongwaygoback.com and www.bluerobot.com were helpful resources when I decided to design a CSS only website.

Mine isnt 100% cross browser compliant.
But it does do away with tables and makes my code easier to read and tweak when I so desire.

Hope you find the links useful.

.::new2unix

on August 9, 2002 09:11 PM
# Scott Johnson said:

Jeremy,

This is obvious but just in case ... I'd strongly recommend that you just look at the user agent fields in the logs for ONLY Yahoo Finance and see what the preponderance of user agents is. Are there enough occurrences beyond these:

* IE 5 on PC
* IE 5.5 on PC
* IE 6 on PC
* IE whatever on Mac
* Netscape whatever on Mac
* Mozilla
* Galleon
* AOL*

to matter? Sure someone will always, always complain if you don't support their browser but, fundamentally, this is as much an economic decision as anything else. Testing is expensive and sometimes you have to cut your losses.

You are definitely right though -- it's hard and the browser standards don't seem to help that much if you want it to look really good.

Scott

on August 12, 2002 12:02 PM
# Frank said:

Quote:
Looking at Galeon/Mozilla on Linux and Mozilla/IE/Opera on both XP and Mac OS X (oh, and OmniWeb on the Mac) highlights a lot of places where they don't agree. I wish I had the time to take screen-shots of each and post them. Hmm. Maybe tomorrow.

Why bother? It doesn't matter if it looks identical in each browser - so long as it's readable. This isn't print media...

on August 12, 2002 02:39 PM
# John said:

A tough call. The problem is exacerbated by the demand for screen-oriented pages that look pixel-perfect in all browsers.

It may help to instead visualise the end result as a document that may be viewed in a browser, printed, indexed by search engines, pulled down to a PDA etc.

on August 12, 2002 09:09 PM
# Mauro said:

In my opinion, the problem has another side.With css2 it is possible to create pages lighter (half or 1/3 of the page)than traditional html.
This means faster pages, in particular on 56k modem.
This pages works on Ie5+, Mozilla,Netscape 6+,Opera 7+.
The question is: is better to support Netscape 4 and other non-standard browsers (punishing the users of all the other browser..90%+)or just let them die?
I think that there is no more a reason to use Netscape 4. Mozilla is better and works on all the O.S. if you don't want to support M$.Opera 7 is a very good browser too.And both of them are close to the W3C standards... no more bug and tricks to make the things works...almost paradise :)

on January 13, 2003 06:30 AM
# business directory said:

hi

on July 25, 2005 06:28 AM
Disclaimer: The opinions expressed here are mine and mine alone. My current, past, or previous employers are not responsible for what I write here, the comments left by others, or the photos I may share. If you have questions, please contact me. Also, I am not a journalist or reporter. Don't "pitch" me.

 

Privacy: I do not share or publish the email addresses or IP addresses of anyone posting a comment here without consent. However, I do reserve the right to remove comments that are spammy, off-topic, or otherwise unsuitable based on my comment policy. In a few cases, I may leave spammy comments but remove any URLs they contain.