Forum Moderators: not2easy

Message Too Old, No Replies

Help! My website not displaying correctly on IE 6.0/7.0

IE 6.0, CSS, Foxpro vs IE, Internet Explorer 6.0

         

My10000

12:45 am on May 10, 2009 (gmt 0)

10+ Year Member



I need desperate help that I cannot seem to resolve.

My website <snip> does not display correctly on Internet Explorer IE 6.0 and 7.0 even though other browsers display the site fine.

Here's what I'm talking about.
<snip>
<snip>

Does anyone have an idea as to what is causing this and how to fix them?

I greatly appreciate your help.

[edited by: swa66 at 10:00 am (utc) on May 10, 2009]
[edit reason] No personal URLs please see ToS and forum charter [/edit]

martinibuster

8:23 am on May 10, 2009 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



Many wordpress themes are not properly tested against different browsers. There are many reasons why a WP theme blows up in IE. Chief among them is sloppy coding. Run it through the W3C Validator for a start on what is going wrong with it. Any inline JS files should be called externally.

IE 6 has a JS debugger. Take note of what lines it calls out as having an error.

Sometimes it can be something as simple as a bad DOCTYPE. Sometimes the code is so bad the only way you can get it to work (or the most expedient, take your pick) is to send the browser into quirk mode with a different DOCTYPE.

My10000

10:02 pm on May 10, 2009 (gmt 0)

10+ Year Member



I'm not so sure if the error indicated in IE 6.0 is causing the position issue. W3C gives me a ton of error that makes it hard to pinpoint the problem.

For some reason, when I resize the IE window to a smaller size, many of my icons/logo/featured section fall off of its original position. How can I fix that?

Lastly, how can I tell what DOCTYPE I should declare?

martinibuster

12:09 am on May 11, 2009 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



>>>I'm not so sure if the error indicated in IE 6.0 is causing the position issue.

IE 6 is talking to you. Listen to it. Either fix the files or shove them into an external (where they belong anyway). Some of those errors could be something as simple as not properly coding your JS with: type="text/javascript" or a missing Charset. All these things can throw off IE 6. Fix them one by one. The W3C is a great place to start. They have a list of various DOCTYPEs to choose from, too.

phranque

5:45 am on May 11, 2009 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



i would suggest HTML 4.01 Transitional:
W3C QA - Recommended list of DTDs you can use in your Web document [w3.org]

XHTML Media Types - Second Edition [w3.org]

this WebmasterWorld thread might also have some useful information for you:
Why most of us should NOT use XHTML [webmasterworld.com]

martinibuster

7:17 am on May 11, 2009 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



i would suggest HTML 4.01 Transitional

Right, yes, exactly! Thanks for the links, was advising from my personal experience, didn't know the issue went that deep. :)

Here's the official way of doing it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Here's the unofficial way "that sends it into quirks mode but works everywhere" way of doing it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">