See any bugs on our new design? Mac, etc.?

[kitchin]

We just finished designing this site:
http://www.aateachingfellows.org/

Anyone see any technical issues? The designer used a lot of negative margins and such to do the menu switches. I had one report of empty black boxes or something.

I'm going to fire up Unbuntu to look at it in a couple of browsers there, but does anybody remember the name of the service that will look at your site in old browsers and send you screen caps?

Thanks!

[Tom E.]

Looks good in Opera 9 on XP - nice clean design :yeah:

[Andilinks]

It is fine and identical here in XP/IE7 and iRider.

One of the graphics has some markings in the upper right that look like they don't belong:
http://www.andistars.com/k.gif

[Jarrod]

Looks good on a Mac with both Safari and FF3.

Jarrod

[kitchin]

Thanks! I found the UA string of the browser that cannot see many of the images:

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; FunWebProducts; .NET CLR 1.0.3705; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Wikipedia says it is "MyWay Searchbar" and comes as bundled junkware (actually anti-malware) with computers.

Or it could be another issue. I had just found the thread about the thing that lets you run IE4 on up to IE6 (http://www.aota.net/forums/showthread.php?postid=163140#post163140) and was testing that out. IE 4 does not like transparent PNG's!

But now it looks like it is a much more modern issue.

[Arthur]

but does anybody remember the name of the service that will look at your site in old browsers and send you screen caps? http://browsershots.org/

-Arthur

[Wassercrats]

And Browsercam (http://www.browsercam.com/Default2.aspx) is the pay service with a free trial.

[kitchin]

That browsershots is an amazing service.

[Randall]

I tried Browsercam a long time ago, but Browsershots is simply insane -- total browser overload. :eek:

Next time I'll pick just a select few browser/OS combos. Nothing too obscure, like Bon Echo (an unofficial Firefox build) running on PLD Titanium. :rasberry:

Randall

[TigerLilly]

I know as developers we want everything to work and look perfect in every environment. The manager in me says go for the 80/20 rule, select the browser-O/S combo used by 80% of the likely or potential vistors to the site and if it works for the rest it's a surprise and delight. I will caution that this is for sites viewed by the general public, if you work for a corporation that has absolutely no standards and anything goes then yes you have to have your site work for 100% of the conditions.

A case in point, while working for a large auto company we were delivering reports to dealerships via the web. No idea who had what (equipment or software). Since there were about 4,600 participating dealers the rule was if you had a configuration that was so far out of the main stream it was your (the dealer's) problem. Developers are not mind readers even though executives expect them to be.:shocked:

[kitchin]

Found the problem
WinXP: Control Panel / Accessibility Options / Display / High Contrast

There's a screen shot here:
http://www.ocforums.com/showthread.php?t=504682
that shows the exact problem. Direct link to screenshot:
http://i121.photobucket.com/albums/o230/bitwell/screen.jpg

It affects many programs, including Firefox and also anything that uses the IE rendering engine to display windows. They all lose background images and colors. Safari on WinXP was not affected though.

It was difficult to find this setting, since the usual Control Panel / Display (or right-click on the Desktop) will not do it. Also, you would think it is in Internet Options / Accessibility or Internet Options / Colors, but it is not. To get the exact screenshot above, you would set High Contrast in the obscure place, then probably later go to the normal place Control Panel / Display and go about adjusting your themes and such. But even after your adjustments, websites & programs would be broken as I found. (In its default state, High Contrast even makes this posting box I'm typing in illegible!)

Very very obscure. It breaks websites that rely on CSS background images and/or colors. Those are a common technique for dynamic menus, because they do not require Javascript mouseovers, instead using a:hover CSS.

Thanks to everybody who reviewed the design!