Radical difference between mac and pc

I’ve found a script that will target platforms and call different css, but it doesn’t seem to be working. Are there any glaring mistakes that stick out to anyone?

<script type="text/javascript">
} if (navigator.userAgent.indexOf('Windows NT')) {
    document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style-windows.css" />');
}
else {
    document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" />');
}
</script>

thanks,

Thanks Yogi, yeah, markup is clean, as for css the only errors seem to be related to the things like “-moz-border-radius”.

Interesting about the header info, I’ll try those out and see what happens.

To answer your question, I’ve checked on multiple computers (both platforms and all major browsers). I’ve cleaned cache, temp internet files and cookies many times.

difference are things like Mac – FF: all lined up, PC – FF: nav bar is 1px higher and search input is 2px lower. This sounds minor, but one some things are going up adn others down it creates a pretty visible mess.

Many people have told me platforms won’t make a difference, only browser, don’t know what to say except it looks fine on mac, and different on every browser on PC – not just ie. ff, safari and chrome too!

Anyways, I’ll try out what you suggested re: header.

thanks again,

Thanks,

So let me see if I understand correctly, here’s my HTML:

<div id="header">
        <div id="logo">

	    <a href="<?php bloginfo('url'); ?>"><img class="title" src="<?php bloginfo('template_directory'); ?>/images/logo.png?>"/></a>

	</div><!--logo-->

<div id="nav">
	    <?php wp_nav_menu( array('theme_location' => 'topnavmenu')); ?>
</div>

	<form id="topsearch" class="search" method="get" action="<?php bloginfo('url'); ?>">
	    <p class="fields">
	        <input type="text" value="Search" name="s" id="s" onfocus="if (this.value == '<?php _e('Search'); ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e('Search'); ?>';}" /><button class="replace" type="submit" name="submit"><?php _e('Search'); ?></button>
	    </p>
        </form><!--topsearch-->

</div><!--header-->

I thought if I define these div classes in my CSS as #header, #header #logo, #header #nav, #header #topsearch – that would line them all up, side-by-each within the div=header. Am I wrong, if so show should I define these to have them line up next to eachother within the header?

It’s a wonder I can create a site like this from scratch and still not fully understand something this basic lol. #steeplearningcurve.

thanks again for being so helpful!

After switching things to be defined by margin, to padding and then back again, it seems that’s not the issue. Still getting a 2px difference on all browsers when viewed by PC.

So now I’m reverting back to looking for a way to target browsers and call different stylesheets.

The following bit of code, does not seem to be working, but I’m looking for something like this:

<script type="text/javascript">
} if (navigator.userAgent.indexOf('Windows NT')) {
    document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style-windows.css" />');
}
else {
    document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" />');
}
</script>

Any help again is appreciated!
cheers,

I’ve tried this script too, seems that still, both platforms are only referencing ‘style.css’

<script type="text/javascript">

/***********************************************
* Different CSS depending on OS (mac/pc)- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var csstype="external" //Specify type of CSS to use. "Inline" or "external"

var mac_externalcss='http://www.fish-fry.com/dev/wp-content/themes/FISH-FRY-MUSIC-AND-SOUND-CUSTOM-THEME/style.css' //if "external", specify Mac css file here
var pc_externalcss='http://www.fish-fry.com/dev/wp-content/themes/FISH-FRY-MUSIC-AND-SOUND-CUSTOM-THEME/style-windows.css' //if "external", specify PC/default css file here

///////No need to edit beyond here////////////

var mactest=navigator.userAgent.indexOf("Mac")!=-1
if (csstype=="inline"){
document.write('<style type="text/css">')
if (mactest)
document.write(mac_css)
else
document.write(pc_css)
document.write('</style>')
}
else if (csstype=="external")
document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')

</script>

Any help? This is driving me bananas 😐