Tonight I decided to check my professional sites in the “other” browsers; those being IE6/7/8. I was pretty sure Chrome was okay, but I checked it anyway. I was aghast when I saw nearly every version of them going wonkers with a web-based browser compatibility site. Not believing their stuff, I came upstairs to my PC and checked IE8 and Chrome. Sure enough! I had a crappy site. The image was on the wrong side of the text, the text was white on white, and the footer was pushed over. What the heck!?
I was fearing the worst: I totally screwed up the theme styles compatibility-wise, so I checked the theme’s demo site to be sure it displays correctly out-of-the-box. Yup, it did. So, I took the home page PHP into my fancy new (and FREE!) editor called PSPad for Windows to view it with some syntax coloring.
I started to count the number of opening <DIV> tags with the number of closing </DIV> tags in that relatively small file. It didn’t take long — 6 for 6. Since that was the easy fix shot down, I went to the stylesheet to look at my CSS. Was the image ambiguous as to its float command? Was the text also ambiguous? Nope. Had I mixed up the order of the PHP from the original? Nope. Everything was in order on the surface.
Then… WHAM! It hit me square in the eyes, like this image.
There must have been some point where I was in the file and hit Delete when I thought the cursor was somewhere else, because there is no other reason for that closing > to have been missing. I put it back in and almost yelled when everything snapped into place like it was supposed to in EVERY browser. Of course, I have such a passionate hatred for IE6, I don’t care what it looks like there. Things lining up in IE6 is just a bonus.
Now I am fully-equipped to sell my services with a completely modified home site AND portfolio site. Both were modified heavily from the same theme designer, Jason Schuller, at Press75. The main site was from Cafe Press and the portfolio site was from Photo Graphic.
If you are interested in a professional modification of a WordPress theme, please contact me here: WordPress Customization.