Last week while I was over a friend’s house, I wanted to show him my local Syracuse blog. He uses Internet Explorer (seems there’s still a lot of those out here lol) so I pulled up the main page and all looked fine. Then I pulled up an individual post and… ugliness!


bad code

I forgot about it until I was reading a post on a blog called IBlog4Dollars titled 35 Serious Blog Design Mistakes That You Should Avoid At All Costs written by Dennis Marshall. I got to #10, where it talked about making sure your website is cross-browser compatible, and then I remembered the problem I was having with IE.

I pulled it up on my IE and I had the issue like my friend did. I then went to work, and for the next 4+ hours I went through all the CSS code and checked all the PHP files, looking for something. I ran it through the W3C CSS Validator, which found some errors but nothing causing the issue. Man, was I frustrated.

Luckily, I play chess with Mitch Allen, so I threw the question out to him via one of my chess moves. He came back with a diagnosis that it was some javascript in the code, probably the Google Analytics script.

As I’d been researching the issue, I had come across something where it had been predicted that javascript could cause issues, but it never occurred to me it could be that one.

I went to the theme and then had to search for where I’d put it. Most of the time Google Analytics script works best in either the header or footer, but I realized I’d put it somewhere else, and then I remembered why. For some reason I can’t save many of the files on this particular theme. I get sent to a 404 page after attempting to do so, which was irksome. I found the script in a PHP I’d never put it on anywhere else because it turned out to be one of only 2 files I could actually save.

Once I removed it the site came back to life for IE8, which was great, but I still had a problem; how to get that Google Analytics code in. After all, if I couldn’t track my traffic, I wouldn’t know how I was progressing or digressing right?


good code

Then I remembered that sometimes you can fix things through your FTP program. I use something called WS_FTP for that purpose, so I opened that up, went to the plugin file and clicked once on Header.PHP. Then I right-clicked and went to Edit, and I popped the code in and saved it.

Came back to both my Firefox browser and IE, ran my tests, and all is working perfectly still. Just to make sure I also tested it in Chrome and Opera; looks good so far. Whew!

You can pick up things from other blogs, that’s for sure; heck, even this one I suppose. I had obviously taken time to see what that blog looked like before, but only the main page; that was a mistake, one I need to remember not to do again. One little code; with IE, sometimes that’s all it takes to mess stuff up.
 

Digiprove sealCopyright secured by Digiprove © 2012 Mitch Mitchell
Share on Google+0Share on LinkedIn0Tweet about this on Twitter6Share on Facebook0