Custom WordPress Theme IE Issue

I have just finished customizing a theme based on the WordPress default theme for a client and all looks well in Firefox but in Internet Explorer the footer area has a problem I hope someone can help find my code error.

The blog is here http://infantadoptioncoach.com/blog/
look at the footer area in IE and you will see that the footer sits up past the content area. I also see a little piece of code on the left that looks like a smiley face.

Thanks

 

it looks to me like the absence of something is creating that smiley face...was the original theme requiring the designer's backlink to be in the footer or something? Also, it looks like it's calling "ShareThis" but I don't see the applet appearing. The best way to solve these problems is by cutting code out, piece by piece, and reloading each time to see if it works.

 

Hi,

I'm no expert, but I had a look in firebug. (by the way, the issue shows up in FireFox as well as IE). It is the smiley face that is creating the space below the footer. Here is the line of HTML that relates to it: <img alt="" src="http://stats.wordpress.com/g.gif?host=infantadoptioncoach.com&rand=0.4422721366093628&blog=1995368&v=ext&post=0&ref=http%3A//forums.digitalpoint.com/showthread.php%3Fs%3Db6fe4b7c5cc198220e2d0d749bc64a25%26t%3D747790" id="wpstats"/>

If you have a look using the FireBug add-on in FireFox, you'll see the the code for it in the HTML section on the left. If you're not familiar with FireBug, use the "inspect" feature to isolate the smiley face, click on it to freeze the inspector on that spot. The code will then be highlighted in the left panel. You can then test-delete it in firebug to see the results.

Deleting that line of code fixes your problem. So you just have to find that code in your php file ssomewhere likely. Not sure if that image is necessary for some reason though, but you'll no doubt know that.

Hope that helped ;-)

John

 

Hi Again,

I must have time to kill. I had another look and realized that is your WP-Stat function, so it may be required to keep that line, but you don't need the image causing the extra space. I have no idea if this is proper or not, but when I add style="height: 0px; width: 0px;" to the end of that line (before the closing of course), the image and the annoying extra space disappears and the function remains. There may be a better way, so take this for what it's worth

John

 

I found the issue it was from this code in the footer I was using to get wp-stats working <?php wp_footer(); ?>
next question, do I still need this for wp-stats to work?

 

Check my message above your, re: how to eliminate the image and space issue without deleting that line of code (to keep your function working). Just add that addition to the end of the line and the function should work as normal, but it will not show the image that is creating the extra space.

John

 

Thanks John, but where exactly to place the code you provided? I tried a few different places but still no luck.

Is is something to do with the code in the stylesheet for the footer?

#footer {
background: #eee url('images/footer.jpg') no-repeat top;
border: none;
}

 

Hi,

I simply added it to the end of the code that I pasted in my first reply (which was the code for the wp-stats function). It looks like you have removed that line of code as the extra space is gone. If you put that line back in where you took it from and then added the extra bit of code to the end of that line, it should work. I'm no coder, but you could try adding a semi-colon after the quotes at the end of that line, then skip a space and add the extra code I gave in my 2nd reply so that it is the last thing in the line before the /> (closing). It worked for me in FireBug, so it will work if you put that code back in and make the change.

The proper way is to eliminate the image completely rather than declaring that it has no space to display. But as I say, I'm no coder. I'm better at this when I have all the php files to look at and play with. You could put the original code back in and play with that line to eliminate the image and keep the function.

Also you could look for a wpstats reference in your CSS style sheet. Use EditPAd Lite (free editor) or something like that which has a search function and can save php files safely without screwing up the lines. If you find a line or two for wpstats, then you may see a way there to alter what you need. Otherwise try my first suggestion. It's clumsy but it works.

Sorry I can't be clearer on this.

John