Results 1 to 13 of 13
  1. #1
    Join Date
    Apr 2006
    Location
    United Kingdom
    Posts
    609

    Website Problem (Only in IE)

    I seem to have a problem with my website, whenever I use Internet Explorer 8 to view the website, it seems to get all messed up. I've attached the screenshots of what it looks like. If you visit the website using Firefox it looks perfectly fine.

    Firefox (The way it's meant to look): http://img203.imageshack.us/img203/7940/firefoxer.jpg

    IE8 (Shared Page): http://img3.imageshack.us/img3/3001/ie1k.jpg
    IE8 (Reseller Page): http://img194.imageshack.us/img194/7673/ie2e.jpg

    If anyone could help me fix this it would be appreciated. When I say fix it, I don't mean to recode the entire site, I'm just looking for suggestions on how this could be fixed as I haven't seen this happen before. It's coded in tables, nothing fancy.

    Thanks .
    John Slane | Systems Administrator

  2. #2
    I would advise you to check the source code and make sure that in your table properties the dimensions of cells, rows and columns are properly defined. I would also recommend you an article on website browser compatibility. Unfortunately, I am a new member here, so I cannot post links yet. In order to read it go to the GoArticles.com directory >> Web Development category. Find the article titled "How to Make a Website Browser Compatible" (it's supposed to be on the first page). There you'll find some tips on the topic.

  3. #3
    Join Date
    Aug 2006
    Location
    Derbyshire, UK
    Posts
    114
    Can't check the code myself as i'm at a station with IE 7, but i think you can add the following line of code into the header

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    Which should force it to run in Compatibility mode (this makes it run using IE7's rendering engine, which your site does work in) - i know its not an ideal fix, but at least it gives you time to look into the problem.

    Cheers

    C.

  4. #4
    Join Date
    Oct 2009
    Location
    San Diego, CA
    Posts
    65
    You could make a new stylesheet using conditional statements within the <head> tags.

    Code:
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie8fix.css" />
    <![endif]-->
    and then to try to fix the problem, just put in
    Code:
    tr {min-width:150px;}
    or something along those lines. Also, the reason why it looks different in IE is because Microsoft decided to let Internet Explorer have its own special "box model" you see..

    Here is the regular box model that Safari, Google Chrome, Opera, and Firefox follow: http://www.w3schools.com/css/css_boxmodel.asp.

    Here is the box model that IE follows: http://en.wikipedia.org/wiki/Interne..._box_model_bug.

    You can see there are substantial differences that are very aggravating to the common user and web designer. I recommend creating the separate stylesheet just for IE and playing around with it until it's just the way you want it. I'd also recommend downloading this: http://my-debugbar.com/wiki/IETester/HomePage so you can see what you site looks like in all relevant versions of IE (Internet Explorer 6 and beyond).

    I hope this helps you!

  5. #5
    Join Date
    Apr 2006
    Location
    United Kingdom
    Posts
    609
    Thanks guys It's just typical of microsoft to want to do things differently .
    John Slane | Systems Administrator

  6. #6
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    None of these answers are correct.

    The problem is in your HTML code.

    There is a line that says:

    HTML Code:
    <td width="78%" valign="top">
    That limits the width of the content area to 78%, which other browsers incorrectly (or correctly, in some people's opinion) expand to fit the content.

    It appears around line 70 in most of your pages.

    Simply replace with

    HTML Code:
    <td width="100%" valign="top">
    Presto it is fixed
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  7. #7
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    I tested my solution in IE8 and it works properly. This is one case where the problem is not IE, but rather the code being provided to it.
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  8. #8
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    There is another problem where your background image for the Shared Hosting page is repeated. This is due to margins and padding on the P tag that contains:

    "UK Web Hosting
    Perfect for hosting multiple websites."

    Just use CSS to set "margin:0px; padding:0px" on the appropriate P tag and it should fix that problem as well.
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  9. #9
    Join Date
    Oct 2009
    Location
    San Diego, CA
    Posts
    65
    Also in the body selector you can omit the 0px technically...
    body {margin: 0; padding: 0} not paramount but just letting you know

  10. #10
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    Quote Originally Posted by dennisthompson View Post
    Also in the body selector you can omit the 0px technically...
    body {margin: 0; padding: 0} not paramount but just letting you know
    Not really. Some browsers stick on a default padding. This is a case of better to be explicit than to assume.
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  11. #11
    Join Date
    Oct 2009
    Location
    San Diego, CA
    Posts
    65
    Quote Originally Posted by larwilliams View Post
    Not really. Some browsers stick on a default padding. This is a case of better to be explicit than to assume.
    True.. Although I did that it still works fine on all modern browsers and IE 6 and 7

  12. #12
    Join Date
    Apr 2009
    Location
    UK
    Posts
    96
    Quote Originally Posted by dennisthompson View Post
    Also in the body selector you can omit the 0px technically...
    body {margin: 0; padding: 0} not paramount but just letting you know
    All very true my friend Sort that and your site will be a gem All very easy fixes sometimes but just hard to figure out Anyway Good Luck

    - Many Thanks,

  13. #13
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    Quote Originally Posted by veeblox View Post
    All very true my friend Sort that and your site will be a gem All very easy fixes sometimes but just hard to figure out Anyway Good Luck

    - Many Thanks,
    Exactly, it is funny how so many people are quick to blame IE for all rendering errors. In this case, the OP's code is to blame, and the fix I posted (correcting the width %) fixes his coding error and the problem.

    Is it still fashionable for Firefox zealots to bash IE at every turn?
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

Similar Threads

  1. DNS problem? Website works for some not others
    By web2 in forum Hosting Security and Technology
    Replies: 14
    Last Post: 06-12-2009, 07:36 AM
  2. Website problem
    By medcruiser in forum Web Design and Content
    Replies: 6
    Last Post: 04-15-2008, 12:10 PM
  3. Website display problem IE7.
    By Silvershark in forum Web Design and Content
    Replies: 20
    Last Post: 09-10-2007, 06:51 AM
  4. Website problem
    By WO Hostings in forum Hosting Security and Technology
    Replies: 16
    Last Post: 06-02-2007, 06:35 PM
  5. problem with website
    By champmac in forum Other Offers & Requests
    Replies: 2
    Last Post: 09-23-2003, 12:51 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •