5 Replies Latest reply: Jan 15, 2013 8:55 AM by RoboColum(n) RSS

    Webhelp display in Firefox does not use stylesheet.

    AMCGracer Community Member
    AMCGracer Jan 14, 2013 8:32 AM

      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

      • 566 Views
      • Tags:
        • 1. Re: Webhelp display in Firefox does not use stylesheet.
          RoboColum(n) MeganK
          RoboColum(n) Jan 14, 2013 8:38 AM (in response to AMCGracer)

          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?

          • 2. Re: Webhelp display in Firefox does not use stylesheet.
            AMCGracer Community Member
            AMCGracer Jan 14, 2013 8:51 AM (in response to RoboColum(n))

            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!

            • 3. Re: Webhelp display in Firefox does not use stylesheet.
              RoboColum(n) MeganK
              RoboColum(n) Jan 14, 2013 9:03 AM (in response to AMCGracer)

              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.

              • 4. Re: Webhelp display in Firefox does not use stylesheet.
                AMCGracer Community Member
                AMCGracer Jan 14, 2013 9:14 AM (in response to RoboColum(n))

                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>

                 

                • 5. Re: Webhelp display in Firefox does not use stylesheet.
                  RoboColum(n) MeganK
                  RoboColum(n) Jan 15, 2013 8:55 AM (in response to AMCGracer)

                  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.