• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Webhelp display in Firefox does not use stylesheet.

Explorer ,
Jan 14, 2013 Jan 14, 2013

Copy link to clipboard

Copied

I have created a Webhelp system using Robohelp, single-sourced from FrameMaker.

I have a custom stylesheet (CSS) file that I am deploying with the Webhelp.

On IE and Chrome, the stylesheet is used.

On Firefox, it is not.

Does anyone know why this might occur?

Thanks

Views

1.0K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 14, 2013 Jan 14, 2013

Copy link to clipboard

Copied

I suspect that the style sheet IS being used by FF but that there is some element that is not being rendered correctly. Can you give us some more infomation to go on, perhaps with an image or two to see what you are?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 14, 2013 Jan 14, 2013

Copy link to clipboard

Copied

Here is a screen shot of the help displayed in Chrome.

Chrome.jpg

Now here it is in Firefox

firefox.jpg

The most obvious difference is the font.

Does this give you any idea?

Thank you so much for your help!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 14, 2013 Jan 14, 2013

Copy link to clipboard

Copied

Not much of an idea at the moment. Are you sure that the relevant styles have been applied to the topic title and text? Is it just this one topic that is affected or all topics? Perhaps you could paste a bit of the XHTML code for us to see.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 14, 2013 Jan 14, 2013

Copy link to clipboard

Copied

All topics are affected in the same way. In Firefox, it looks like the default HTML styles are applied.

I'm not sure what source you are looking for in particular, but I've done a view source copy/pasted from both browsers. (I don't see an obvious difference) Is this what you need?

I noted the extra line above the <HTML> tag and thought that Firefox might be choking on it, but I deleted that blank line and reloaded, but got the same results.

Firefox

<html>

<head>

<link rel="shortcut icon" href="whstart.ico">

<title>Help for VTM Enterprise</title>


<meta name="generator" content="Adobe RoboHelp 9" />

<meta name="description" content="WebHelp 5.50" />


</head>


<script type="text/javascript" language="javascript" src="whver.js"></script>

<script type="text/javascript" language="javascript" src="whutils.js"></script>

<script type="text/javascript" language="javascript" src="whmsg.js"></script>

<script type="text/javascript" language="javascript" >

<!--

if (!window.gbWhVer||!window.gbWhUtil||!window.gbWhMsg)
document.location.reload();
//-->
</script>


<script type="text/javascript" language="javascript" src="whstub.js"></script>

<script language="javascript">

<!--

var nWebhelpNavPaneMode = 1; //1: DHTML 2:PureHTML 3:Noframe At all
var strPaneDHTML = "whskin_pdhtml.htm"; //whd_nvp10.htm if tab enabled, whnframe.htm if tab disabled.
var strPaneList = "whskin_plist.htm";

var strPane = "";

var nViewFrameType = -1;

if (!window.gAgent)
{
// low end browser, we don't even try to determine it.
document.location = "whnjs.htm";
}
else
{
if (!gbNav4&&!gbIE4&&!gbOpera7&&!gbSafari)
document.location = "whnjs.htm";
else if (gbNav4 && !gbNav6 && ((gnVerMinor
<= 4.06)))

document.location = "whnjs.htm";
else if (gbMac && gbIE4 && !gbIE5)
document.location = "whnjs.htm";
//figure out which mode is the best
else
{
nViewFrameType=nWebhelpNavPaneMode;
if (nWebhelpNavPaneMode==1)
{
var gbDHTML=(nWebhelpNavPaneMode==1);
if (gbNav4&&(gnVerMinor
< 4.1)) nViewFrameType = 2;

if (gbNav4&&(gnVerMinor == 4.6)) nViewFrameType = 2;
if (gbIE4&&gbDHTML) nViewFrameType = 1;
if (gbIE4&&gbSunOS&&nWebhelpNavPaneMode==2) nViewFrameType = 2;
if (gbNav4&&gbSunOS&&nViewFrameType==2) nViewFrameType = 2;
if (gbNav6&&gbDHTML) nViewFrameType = 1;
if (gbMac) nViewFrameType = 2;
if (gbMac && gbNav6) nViewFrameType = 1;
if (gbSafari3) nViewFrameType = 1;
}
}
}

if (nViewFrameType!=-1)
{
var gbWindows = ((gAgent.indexOf("win") != -1) || (gAgent.indexOf("16bit") != -1));
//The colordepth of the 16 color on Windows is 1.
if ((gbWindows) && (gbNav4) && (window.screen) && (window.screen.colorDepth
<= 4))

{
alert("WebHelp has detected that your display is set to 16 colors. For full WebHelp support, please set your display to use 256 or more colors.");
nViewFrameType = 2;
}

//figure out which one is navpane
// ReplaceMark:nViewFrameType = 1
if (nViewFrameType == 1)
{
if (gbNav4 && !gbNav6)
strPane = strPaneList;
else
strPane = strPaneDHTML;
}
else
strPane = strPaneList;
}
//-->
</script>

<script type="text/javascript" language="javascript" src="whstart.js"></script>

<script type="text/javascript" language="javascript">

<!--

if (!gbIE4&&!gbNav4&&!gbOpera7&&!gbSafari)
document.location = "whnjs.htm";

function CMRAgent( strID, strURL, strLabel, strFrameAttr )
{
  this.m_strID = strID;
  this.m_strURL = strURL;
  this.m_strLabel = strLabel;
  this.m_strFrameAttr = strFrameAttr;
}

function CMRServer()
{
  this.m_cAgents = new Array;
}
var cMRServer = new CMRServer;
// GetServerInfo
// Registry the agent array handled by webhelp
// ReplaceMark:MRServer.strServerData
//-->
</script>


<script type="text/javascript" language="javascript">

<!--

if (nViewFrameType!=-1)
{
var strHTML = "
<frameset rows=\"33,*\" hostof=\"parent:toolbar!startpage:yes\" frameborder=\"0\" border=\"0\"> <frame src=\"whskin_tbars.htm\" id=\"toolbar\" frameborder=\"0\" border=\"0\" scrolling=\"no\" noresize=\"\" marginheight=\"0\" marginwidth=\"0\" title=\"Toolbar\"></frame> <frame src=\"whskin_frmset01.htm\" frameborder=\"1\" border=\"1\" scrolling=\"auto\" marginheight=\"0\" marginwidth=\"0\"></frame></frameset>";

document.write(strHTML);
}
//-->
</script>


<frameset cols="100%,*" frameborder=no border=0>

  <frame src="whnjs.htm">

  <frame src="whskin_blank.htm" noresize>

</frameset>


</html>

Chrome


<html>
<head>
<link rel="shortcut icon" href="whstart.ico">
<title>Help for VTM Enterprise</title>
<meta name="generator" content="Adobe RoboHelp 9" />
<meta name="description" content="WebHelp 5.50" />
</head>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript" src="whutils.js"></script>
<script type="text/javascript" language="javascript" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" >
<!--
if (!window.gbWhVer||!window.gbWhUtil||!window.gbWhMsg)
document.location.reload();
//-->
</script>
<script type="text/javascript" language="javascript" src="whstub.js"></script>
<script language="javascript">
<!--
var nWebhelpNavPaneMode = 1; //1: DHTML 2:PureHTML 3:Noframe At all
var strPaneDHTML = "whskin_pdhtml.htm"; //whd_nvp10.htm if tab enabled, whnframe.htm if tab disabled.
var strPaneList = "whskin_plist.htm";
var strPane = "";
var nViewFrameType = -1;
if (!window.gAgent)
{
// low end browser, we don't even try to determine it.
document.location = "whnjs.htm";
}
else
{
if (!gbNav4&&!gbIE4&&!gbOpera7&&!gbSafari)
document.location = "whnjs.htm";
else if (gbNav4 && !gbNav6 && ((gnVerMinor <= 4.06)))
document.location = "whnjs.htm";
else if (gbMac && gbIE4 && !gbIE5)
document.location = "whnjs.htm";
//figure out which mode is the best
else
{
nViewFrameType=nWebhelpNavPaneMode;
if (nWebhelpNavPaneMode==1)
{
var gbDHTML=(nWebhelpNavPaneMode==1);
if (gbNav4&&(gnVerMinor < 4.1)) nViewFrameType = 2;
if (gbNav4&&(gnVerMinor == 4.6)) nViewFrameType = 2;
if (gbIE4&&gbDHTML) nViewFrameType = 1;
if (gbIE4&&gbSunOS&&nWebhelpNavPaneMode==2) nViewFrameType = 2;
if (gbNav4&&gbSunOS&&nViewFrameType==2) nViewFrameType = 2;
if (gbNav6&&gbDHTML) nViewFrameType = 1;
if (gbMac) nViewFrameType = 2;
if (gbMac && gbNav6) nViewFrameType = 1;
if (gbSafari3) nViewFrameType = 1;
}
}
}
if (nViewFrameType!=-1)
{
var gbWindows = ((gAgent.indexOf("win") != -1) || (gAgent.indexOf("16bit") != -1));
//The colordepth of the 16 color on Windows is 1.
if ((gbWindows) && (gbNav4) && (window.screen) && (window.screen.colorDepth <= 4))
{
alert("WebHelp has detected that your display is set to 16 colors. For full WebHelp support, please set your display to use 256 or more colors.");
nViewFrameType = 2;
}
//figure out which one is navpane
// ReplaceMark:nViewFrameType = 1
if (nViewFrameType == 1)
{
if (gbNav4 && !gbNav6)
strPane = strPaneList;
else
strPane = strPaneDHTML;
}
else
strPane = strPaneList;
}
//-->
</script>
<script type="text/javascript" language="javascript" src="whstart.js"></script>
<script type="text/javascript" language="javascript">
<!--
if (!gbIE4&&!gbNav4&&!gbOpera7&&!gbSafari)
document.location = "whnjs.htm";
function CMRAgent( strID, strURL, strLabel, strFrameAttr )
{
this.m_strID = strID;
this.m_strURL = strURL;
this.m_strLabel = strLabel;
this.m_strFrameAttr = strFrameAttr;
}
function CMRServer()
{
this.m_cAgents = new Array;
}
var cMRServer = new CMRServer;
// GetServerInfo
// Registry the agent array handled by webhelp
// ReplaceMark:MRServer.strServerData
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
if (nViewFrameType!=-1)
{
var strHTML = "<frameset rows=\"33,*\" hostof=\"parent:toolbar!startpage:yes\" frameborder=\"0\" border=\"0\"> <frame src=\"whskin_tbars.htm\" id=\"toolbar\" frameborder=\"0\" border=\"0\" scrolling=\"no\" noresize=\"\" marginheight=\"0\" marginwidth=\"0\" title=\"Toolbar\"></frame> <frame src=\"whskin_frmset01.htm\" frameborder=\"1\" border=\"1\" scrolling=\"auto\" marginheight=\"0\" marginwidth=\"0\"></frame></frameset>";
document.write(strHTML);
}
//-->
</script>
<frameset cols="100%,*" frameborder=no border=0>
<frame src="whnjs.htm">
<frame src="whskin_blank.htm" noresize>
</frameset>
</html>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 15, 2013 Jan 15, 2013

Copy link to clipboard

Copied

LATEST

I think that is the code for the frameset you are displaying the WebHelp in. What I wanted was the code inside your RoboHelp topic. Click on the HTML tab and paste the code in here.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp