Why does my site look terrible in IE?

10 replies
  • WEB DESIGN
  • |
Hi All,

Could someone please tell me what I need to do to make my site look the same in IE as it does in Fire Fox? In Fire Fox, it looks fine. But, in IE, it looks distorted and no one can read my pages.

Here's my site http://fabmarketing.net/
Thanks!
#site #terrible
  • Profile picture of the author Kezz
    Wow that's bizarre even for IE. I can't see your text at all in my IE here. I'll take a look at your code and let you know what I find.

    IE, the eternal curse on all web designers. Bah!
    {{ DiscussionBoard.errors[759018].message }}
    • Profile picture of the author waltham
      Originally Posted by Kezz View Post

      Wow that's bizarre even for IE. I can't see your text at all in my IE here. I'll take a look at your code and let you know what I find.

      IE, the eternal curse on all web designers. Bah!

      LOL...love that closing line...
      {{ DiscussionBoard.errors[759028].message }}
  • Profile picture of the author Kezz
    Ok I think I might have found the problem. It looks like some funky code has made its way into your html. Other browsers have been able to work around it, but IE always just chokes on even the tiniest little thing that's out of place.

    I'm guessing you pasted this into some kind of editor from Word? What it looks like, is a bunch of Word's formatting has carried over.

    First, if you look in your code you'll see a great big slab of code that starts with
    HTML Code:
    <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View>
    and goes all the way to

    HTML Code:
    mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Georgia; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi;} --></p> 
    <p><!--[endif]-->
    You want to get rid of all of that as it's not doing anything for your site.

    Also, there are a whole bunch of special characters. For example, where your code needs a " it has a &quot; in many places. What this tells the browser is that you want the quotation mark to be displayed as text rather than read as code.

    Instead of me going through and pointing out all the special characters, the easiest way to fix it is just if you repaste your text. Only this time, copy it from MS Word, then paste it into Wordpad. This will strip out all those nasty pieces of bad code. Then, copy it from Wordpad again and paste it into your site editor.

    Give that a whirl and let me know if it fixes it.
    {{ DiscussionBoard.errors[759035].message }}
    • Profile picture of the author Christie Love
      Originally Posted by Kezz View Post

      Ok I think I might have found the problem. It looks like some funky code has made its way into your html. Other browsers have been able to work around it, but IE always just chokes on even the tiniest little thing that's out of place.

      I'm guessing you pasted this into some kind of editor from Word? What it looks like, is a bunch of Word's formatting has carried over.

      First, if you look in your code you'll see a great big slab of code that starts with
      HTML Code:
      <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View>
      and goes all the way to

      HTML Code:
      mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Georgia; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi;} --></p> 
      <p><!--[endif]-->
      You want to get rid of all of that as it's not doing anything for your site.

      Also, there are a whole bunch of special characters. For example, where your code needs a " it has a &quot; in many places. What this tells the browser is that you want the quotation mark to be displayed as text rather than read as code.

      Instead of me going through and pointing out all the special characters, the easiest way to fix it is just if you repaste your text. Only this time, copy it from MS Word, then paste it into Wordpad. This will strip out all those nasty pieces of bad code. Then, copy it from Wordpad again and paste it into your site editor.

      Give that a whirl and let me know if it fixes it.
      Thanks for your help! This makes since. I'll let you know if it works!
      Signature
      {{ DiscussionBoard.errors[760347].message }}
  • Profile picture of the author Christie Love
    Nope, pasting from notepad didn't help the situation.
    Signature
    {{ DiscussionBoard.errors[760378].message }}
  • Profile picture of the author Kezz
    I think it's progress at least though. All off the special character code has gone. There is still that great big slab of bad code though.

    I see you are using Wordpress. Head into the post or page for this content and go into HTML view. You should see a huge wall of code that starts with <!--[if gte mso 9]> and ends with <!--[endif]-->

    Try taking all that out, and then lets see if it makes things any better. I'm guessing it will. If not, it's always a process of elimination with this stuff.
    {{ DiscussionBoard.errors[761606].message }}
  • Profile picture of the author kosmo101
    if you change to a different template what happens? If you make another post what happens MS. LOVE lol..
    {{ DiscussionBoard.errors[761763].message }}
  • Profile picture of the author Christie Love
    Thanks all. The problem has been fixed. The mistake I made was... first I copy and pasted from Word, which I should have known was a NO-NO, but it worked on Firefox just fine. When trying to fix the problem the first time, I cut the text from WP, copied it to Notepad, SAVED and pasted the text back to WP. This did not work.

    What I did instead was to cut the text from WP (update page), paste and SAVE to WORD, cut and SAVE to Notepad, then cut and past back to WP (update). Now, the site looks normal in IE.

    Thanks All!
    Signature
    {{ DiscussionBoard.errors[762070].message }}
  • Profile picture of the author Kezz
    Nice one, glad to hear you fixed it.
    {{ DiscussionBoard.errors[762133].message }}
    • Profile picture of the author scottlpool2003
      Great info guys. I was going to suggest a different stylesheet upon detetecting IE/FF

      But your way works just as good
      {{ DiscussionBoard.errors[763001].message }}

Trending Topics