Inspiring

Question

Issues running Responsive HTML5 project in IE 7 and 8

Forum|Forum|11 years ago
December 22, 2014
2 replies
772 views

Hello,

I recently published my first help project using the Responsive HTML5 format. Despite some issues with a corrupt screen profile template that led to some initial display problems (font in header not displaying properly), all seemed to be working OK with the project.

I've recently learned from our QA department that the help file does not display properly in IE 7 or 8, which we are responsible for supporting. A number of different errors get generated when attempting this (see below).

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

Timestamp: Fri, 12 Dec 2014 14:25:49 UTC

Message: Object doesn't support this property or method

Line: 6

Char: 6995

Code: 0

Message: 'undefined' is null or not an object

Line: 6

Char: 213

Code: 0

Message: Object doesn't support this property or method

Line: 2

Char: 1

Code: 0

Message: 'rh.model' is null or not an object

Line: 8

Char: 1

Code: 0

Message: 'rh.model' is null or not an object

Line: 50

Char: 3

Code: 0

Has anyone experienced issues like this when trying to run a Responsive HTML5 project in IE 7 or 8?

Thanks in advance for any help or guidance you can provide.

Sincerely,

Dave

HTML5 layout

This topic has been closed for replies.

G

GSCrystal

Participant

I am also having this issue when previewing the responsive layout in IE8. I've read polyfills and certain commands work in the file but don't know where to place them as I'm fairly new with RoboHelp.

So far I've added the files to my project and added the script in a few different areas (glossary, topic, search, index pages) to see if it makes a difference and it does not.

<!--[if lt IE 9]>

<![endif]-->

Great thread topic, looking forward to see the resolution.

Willam van Weelden

Inspiring

If adding that code to the header section of all the .slp files doesn't work, there is no way to make the layout work in IE8 or below.

Kind regard,

Willam

T

TW97Author

Inspiring

What is the EXACT syntax/wording of the code?? In other words, what EXACTLY do I need to place in the header section of the .slp files?? Since this only applies to two of my current projects, I was planning on manually adding the code as needed.

Thanks,

DH

A

Amebr

Community Expert

Here is the list of supported browsers in RH11 Multiscreen and Responsive outputs:

Adobe RoboHelp 11 * Supported browsers

HTML5 output doesn't work properly with IE8 and below, I'm afraid. Theoretically the content should all be available, but won't always look pretty.

T

TW97Author

Inspiring

Hi Amebr,

Sorry for the blank post above. Not sure what's happening, but when I get an email of a response and I try to respond from the email, it keeps just posting a blank response :^/.

At any rate, here's my "real" response.

So what options do I have then for creating a help file designed to run on multiple different iOS devices (iPad, iPad mini, iPod, iPod touch, iPhone) in these other browsers (mainly IE 7 and 8, of course)? The new Responsive HTML5 format was supposed to be the catchall for creating help for multiple devices in one fell swoop. From looking at the information in the link you provided then, am I to understand that these limitations are more related to RH 11 and HTML5 output as a whole meaning I’ll have the same issues using the Multiscreen HTML5 output?

Thanks for your response and any additional help/guidance you can provide.

Peter Grainge

Community Expert

Willam van Weelden is our resident expert on this type of issue and he has repeatedly made the point that multiscreen and responsive layouts will not work in IE7 or IE8. I believe the reason is that they do not support CSS3 which is required by these layouts.

See www.grainge.org for RoboHelp and Authoring tips