IE8 standard and quirk rendering issues

Question

4.00/5 (1 vote)

See more:

one of my webpage has issue rendering in IE8 standard.It is rendering fine in IE9 standard, IE 5 quirks mode.

Issue is I am creating around 8 span elements in JS which is rendering properly in IE9 standard but in IE8 standard they are not visible but i verified in Developers tool that they are there and when i mouse over that particular location where span elements are suppose to be there it does gets visible.

I am working on updating our website to support IE8,9,10 standard.

I understand that since this website is old and use to support IE7 and compatibiltiy mode for IE8,9,10 and i am looking for changing CSS and so many other things.
I basically need pointers on how to debug so that i know exactly what CSS property(or any other UI related) i have to update/modify so that same wepage displays properly in IE 8 standard.

Thanks

Posted 9-Apr-13 7:02am

devcode007

Add a Solution

Comments

Sergey Alexandrovich Kryukov 9-Apr-13 13:49pm

There is not such thing as "IE8 standard" :-)

I don't think you can get an adequate advice in a quick answer, perhaps just a very quick one: remove all incompatibilities and do everything according to W3 standards, but depending only on commonly implemented features by major browsers, not only IE.

—SA

devcode007 9-Apr-13 13:58pm

i also feel the same :)
document mode : Standard is what i am talking about.
My current website is removing support of IE5 quirks and IE8 compatibilty for the sake of supporting some third party which no longer support old quirks modes.

Sergey Alexandrovich Kryukov 9-Apr-13 14:07pm

First of all, this is quite a good thing to do. Again, you cannot expect getting all the details in one quick answer.
OK, let me add a couple of ideas from my old answers and answer formally...
—SA

Sergey Alexandrovich Kryukov 9-Apr-13 14:13pm

OK, done. I hope you will find some sound non-nonsense advice in my answer.
—SA

devcode007 9-Apr-13 17:29pm

very weird ...i restarted my machine and i no more see this issue. All working fine without changing the code.

Sergey Alexandrovich Kryukov 9-Apr-13 17:48pm

OK, is it related to the issue?
—SA

devcode007 9-Apr-13 18:15pm

here is the summary for u :
<td class="subMenu" id="subMenuDiv" colSpan="12">
submenu is defined in a css file.

Initially this particular td was not rendering as per the mentioned style.
Then I use this inline style:( style=\"text-align:center;color:#ffffff;background-color:#1266AE;padding:2px 2px 2px 2px;) and it started showing as per style

I restarted my machine. and then changed back inline to external as it was earlier.
And i see its working on my machine.

But still when i did the same on fellow developer's machine...it still have the same issue.
it makes no sense.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-04-09T08:13:00

First of all, this is a good thing. "Quirk mode" and other lame must die. But you should support all major browsers, not just IE. As I just said, remove all incompatibilities and do everything according to W3 standards, but you design should only depend on the features surely implemented on all major browsers.

Now, the thing is: these days you cannot cover all possible incompatibilities between browsers and compensate for them. You just cannot win the race. So, what to do? My answer is: focus on main goals of your design and make the rendering not too sensitive to small rendering detail. How to do it? First of all, by fine setting of your goals and requirements to the site.

I tried to express basic ideas in my past answer:
webpages layout change when running in different browsers.[^].

Good luck,

—SA