marcopolo

Thanks for the suggestions.

I ultimately fixed it with a low-tech hack: I added the missing styles from nggallery.css to my main theme stylesheet. Looks fine now.

See the fixed gallery here:
http://www.coastalsurvey.com/mag/album/

OK, finally got the syntax right for the PHP — I’d dropped a bracket. Here’s the working code:

<!–the following bit is the browser/platform detect –>

<?php if (eregi(“MSIE”,getenv(“HTTP_USER_AGENT”)) ||
eregi(“Internet Explorer”,getenv(“HTTP_USER_AGENT”))) { ?><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_directory’); ?>/stylewinie.css”/>

<?php } elseif (eregi(“MACOS”,getenv(“HTTP_USER_AGENT”)) ||
eregi(“Safari”,getenv(“HTTP_USER_AGENT”))) { ?><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_directory’); ?>/stylemac.css”/>

<?php } else { ?>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_directory’); ?>/stylewinfox.css”/>
<?php } ?>

<!– end of browser/platform detect –>

You can check the result here: http://www.pratt-union.org/.

I’ve spent days on this problem and I think this is by far the cleanest solution.

Even if there were CSS hacks that could discern Firefox from Safari from IE7, there are no CSS filters for platform. And Firefox renders differently when it’s running on a Mac OS than when it’s based on Windows. Until that problem is solved (probably never), you’re better off using PHP to interrogate the User_Agent.

Thanks for the help.