11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

Can you spot the problem on my site?

by HandyMarketer
10 replies
  • WEB DESIGN
    • |
Hi there, I'm new on the forum and excited to participate in the discussions.

I'll start with a topic of my own since I seem to have problems with my blog: The Handy Marketer (handymarketer dot com)

It displays properly except in Internet Explorer 7 (an old version I know, but the only one I am able to use at work..), and I don't know where the problem comes from. It's not from the theme according to the designers, not from the plugins (I tried to deactivate them for a while), so I'm not sure.

Basically in IE7 there are huge gaps between lines of text, and you have to scroll down for ages before you can see more text appearing.
Any idea?

I'm thinking of changing the theme anyway when I can afford a new one, but it might not come from the theme so I should try to solve this.

Thanks for your help,
Christelle
#bug #display problem #problem #site #spot
  • Profile picture of the author mlab
    Have you looked at the html validation errors?

    Stuff like unclosed element span can cause trouble with browsers.


    [Invalid] Markup Validation of http://www.handymarketer.com/ - W3C Markup Validator

    If the template validated out of the box - think about what you changed..what code you edited, etc..
    {{ DiscussionBoard.errors[6789439].message }}
  • Profile picture of the author tomm
    seems like the problem is with your theme's css file that is loaded if it detects IE7, removing this css call seems to fix it

    Code:
    <!--[if IE 7 ]>
<link href="http://www.handymarketer.com/wp-content/themes/striking/css/ie7.css" media="screen" rel="stylesheet" type="text/css">
<![endif]-->
    remove the above css call in your template file and see if it works
    {{ DiscussionBoard.errors[6789772].message }}
    • Profile picture of the author Linkology
      Originally Posted by tomm View Post

      Code:
      <!--[if IE 7 ]>
<link  href="http://www.handymarketer.com/wp-content/themes/striking/css/ie7.css"  media="screen" rel="stylesheet" type="text/css">
<![endif]-->
      remove the above css call in your template file and see if it works
      That is the problem... I also tested it in IE 8 and Firefox and it's fine in both of those.
      {{ DiscussionBoard.errors[6789796].message }}
    • Profile picture of the author HandyMarketer
      Thanks for that, I will try and see if it works!
      {{ DiscussionBoard.errors[6792493].message }}
    • Profile picture of the author HandyMarketer
      Originally Posted by tomm View Post

      seems like the problem is with your theme's css file that is loaded if it detects IE7, removing this css call seems to fix it
      Sorry to be such an ignorant, but in which file exactly will I find this code?
      {{ DiscussionBoard.errors[6792542].message }}
      • Profile picture of the author tomm
        Originally Posted by HandyMarketer View Post

        Sorry to be such an ignorant, but in which file exactly will I find this code?
        It probably is in your theme's "header.php" file

        the problem lies in the http://www.handymarketer.com/wp-cont...ng/css/ie7.css file, some rule there is causing ie7 to break, so if you haven't changed anything in this file, the problem comes from the theme
        {{ DiscussionBoard.errors[6793738].message }}
        • Profile picture of the author HandyMarketer
          I made the changes and it worked, thank you very much for your help!
          {{ DiscussionBoard.errors[6798956].message }}
  • Profile picture of the author mlab
    "It's not from the theme according to the designers"

    If that stylesheet worked when they made it, you may want to ask the designers again.
    {{ DiscussionBoard.errors[6790384].message }}
  • Profile picture of the author Azlan
    I think you need to research how many user nowadays use ie7 to save your time and effect. The point is ie7 support by microsoft it self, I suggest you do the same thing. you need to create user agent script that will check the user browser and ask theme to use or download other browser.
    Signature

    New WSO - Coming Soon...

    {{ DiscussionBoard.errors[6799096].message }}
  • Profile picture of the author clickbump
    IE7 still has enough installed user base that it cannot be ignored. However, as a designer, theres not much purpose in trying to create the exact same look and feel as you are going to get with modern browsers.

    The goal is to get the < IE7 layout as close as possible to the desired look and feel without having to devote the majority of design time to that browser to the detriment of the experience of users of modern browsers.
    Signature
    {{ DiscussionBoard.errors[6799399].message }}

Trending Topics