Why is IE10 ignoring the CSS after applying patches?

Report · Jun 03, 2013

I applied the patches (from http://helpx.adobe.com/robohelp/kb/help-visible-using-win-8-ie.html) for correct display of topics in IE10 after doing a search; that issue is now resolved. However, now when I preview any topic in RobhoHelp 10 (RH10), it's as if the style sheet is being ignored: all the text and layout is formatted incorrectly. Same when I view the generated layout in IE10.

Firefox 21.0 does not have this issue; the styles, formatting, and layout are all displayed correctly (please refer to the screen shot at http://www.tronia.com/webhelp/ie10display.png for an example of the difference).

Is there another fix/patch for IE10 that I'm missing?

thanks in advance for any help you can offer,

Debbie Ewing
Tronia Systems

Report · Jun 03, 2013

I don't think the patch is linked to this problem.

I notice the URLs are different. Paste the Firefox link into IE and then browse to the same topic. Do you then still see the same problem?

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · Jun 03, 2013

Those actually were the same topics - I just got to them from different ways so the URL is not exactly the same (I too wish that the file name of the opened topic displayed in the URL instead of just the project name no matter what topic you're reading). Sorry for the confusion. I redid the screen shot to show they both are the same file.

Still looks the same (updated screen shot at: http://www.tronia.com/webhelp/ie10display.png but you may need to click Refresh like I did). One of the SQL developers here noticed that if you change the DocMode from "Standards" to "Internet Explorer 7 standards) it improves the display considerably, but does not fix it entirely.

I do have HTML code like margin-left: 65px; in my topics (that was the way it was imported from Word several years ago, and I've been duplicating existing topics to create new ones). Could that be causing some issues?

Report · Jun 03, 2013

It looks like IE10 has changed the rules for how it applies your CSS.

Given the fix that has worked, try putting this line in the head section of your start page after generating.

Please post back to let us know whether or not it works.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · Jun 03, 2013

Here's the code on that topic:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>AR Release Numbers</title>

The default document mode with IE10 now seems to be Quirks (in IE9 I think it was Standards; Quirks is the worst and I'm sure I would have done something about that).

Using the TOC, and clicking topics: stays as quirks even when I load the ARReleaseNumbers topic with:

in the header. When I changed the doc mode manually to IE7 standards, IE10 flipped me back to the first topic, then when I used the same TOC link, the doc mode stayed as IE7 and the topic displayed well.

Report · Jun 03, 2013

When I added <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> to my start page (which is agreHelp.htm) everything opens in IE5 quirks. That wasn't even a choice in the drop down before.

Report · Jun 04, 2013

It looks like you are getting this information from an add-in. Bottom line is does the help now work OK?

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · Jun 04, 2013

Help is displaying fine on the servers, on the internet, and on everyone else's machine in the office. That is very good news!

It seems to be just my machine. Our tech tried logging in to my machine with other IDs; same issue. He then installed the same software (RoboHelp 10, Acrobat Pro XI, all my Corel apps) on a test machine machine. The RH10 preview works fine no matter which user he logs in with. Tomorrow he wants to downgrade my machine to IE9 and see what happens.

In the mean time I've developed a work around of clicking the eye glasses to preview (which ignores the CSS) and then clicking "preview in Firefox" where it displays properly. Takes longer, but at least I can see what it's supposed to look like.

Report · Jun 05, 2013

It was a conflict with Dreamweaver 8 (from back when it was a Macromedia product; still does everything I need it to). As soon as it was uninstalled, RH10 previewed properly on my Win8 machine.

Our brilliant tech figured out to reinstall Dreamweaver 8 and NOT associate any file types to it (but probably just the CSS would do it) and RoboHelp 10 is previewing nicely.

Problem solved!

Report · Jun 05, 2013

Nice work on Sherlock's part. Thanks for posting the solution.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · Jun 03, 2013

Further testing seems to be indicating that this is related to the local copy of webhelp on my machine - when I uploaded the same file to the server, it is displaying very well no matter which Document Mode I select.

Why is IE10 ignoring the CSS after applying patches?

Photos