WordPress.org

1. jamiebrooker
   Member
   Posted 2 years ago #

   I have recently uploaded my portfolio and blog to http://www.jamiebrooker.com - as I have left my job and am going traveling!

   However, I am having some extremely frustrating issues with Internet Explorer 6 and 7. The site works fine in all browsers on my Mac, as well as FireFox and Internet Explorer 8 on a PC (and I assume Chrome).

   This is how the homepage should look.
   This is how a content page should look.

   This is how the homepage looks in IE6.
   This is how a content page looks in IE6.

   This is how the homepage looks in IE7.
   This is how a content page looks in IE7.

   Now, this was originally a theme called Foliotastic, which I purchased and amended using my limited development knowledge (I'm much more of a designer!). I amended the theme with dummy content, and I'm 90% confident it worked pretty much fine in IE6 and 7. I then populated it with content and it's stopped working!

   It appears that something is preventing content from appearing in IE, especially body text. I did some research, and found that copying and pasting content from word could cause this, however, I cleaned up all the posts and the static pages and the issue hasn't been fixed.

   I had a thought that it could be related to imagery? All main images for each post have been resized by WordPress, however, all images posted into blogs I resized (as I wanted them nice and sharp) myself in PhotoShop.

   However, I have moved all posts to the trash, and the errors still occur.

   I am off traveling in a few days and would love this fixed before I leave, so any help would be gratefully received!

   Many thanks in advance

   Jamie

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   You could start by sorting out the handful of validation errors and CSS parse errors on your site. If that doesn't solve all of the problems, you're likely to need some conditional CSS for IE6/7.

3. jamiebrooker
   Member
   Posted 2 years ago #

   Cheers esmi, I'll try to remove the validation issues. If I have to do conditional CSS I might be screwed!

   You don't think this could be a more fundamental WordPress/IE compatibility issue seeing as I'm almost certain it was fine until I populated it with "live" content?

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Nope - it's the lousy implementation of the CSS box model in IE6 and (slightly less buggy) IE7. It's not uncommon for issues to surface once you start adding content which is why the Theme Directory offer a sample data export file so that theme developers can test their designs under various conditions.

   As for conditional CSS, it's really not that hard to implement if you understand CSS. You simply re-write the paddings, widths, margins etc for any problematic blocks to correct the issues and then only load that corrective sheet if the visitor is using the appropriate version of IE.

5. jamiebrooker
   Member
   Posted 2 years ago #

   Ok, thanks for all your advice. I'll crack on trying to fix, and hopefully come up with a solution!

Topic Closed

This topic has been closed to new replies.