Skip navigation
robert-sfl
robert-sfl
Currently Being Moderated

Separate CSS for IE and Firefox

Aug 2, 2012 7:05 AM

Hi all,

 

older versions of Robohelp generated to separate CSS files in the Wephelp for IE and Firefox. Evidently this feature was dropped somewhen. However I need it now to resolve some specific Firefox problems in a project.

 

I thought I could add the corrsponding script in the master page that checks for the browser and selects the CSS, but thought I should ask the forum first.. are any solutions for this already known?

 

Robert

496 Views   6 Replies   Latest reply: robert-sfl, Aug 7, 2012 4:57 AM
 
Replies
  • Peter Grainge
    Currently Being Moderated
    1. Peter Grainge,
    Aug 2, 2012 7:27 AM   in reply to robert-sfl
    Report

    I think it was RoboHelp 7 where things changed, may even be 6, but since then one CSS should work in all browsers.

     

    Maybe the better starting point is what are the issues between the two browsers that are affecting your output.

     

    See www.grainge.org for RoboHelp and Authoring tips

     

     

    @petergrainge

     
    |
    Mark as:
  • robert-sfl
    Currently Being Moderated
    2. robert-sfl,
    Aug 2, 2012 7:59 AM   in reply to Peter Grainge
    Report

    Hi Peter,

     

    yes Firefox is 99% compatible but smal issues remain. I would prefer to

    overwork the CSS style too, but regrattably it is not possible in this

    case.

     

    Robert

     
    |
    Mark as:
  • Peter Grainge
    Currently Being Moderated
    3. Peter Grainge,
    Aug 2, 2012 8:50 AM   in reply to robert-sfl
    Report

    If you are sure there is no way around OK but sometimes someone knows a solution. I'm not saying I do, just that sometimes someone will pop their head over the parapet with the answer.

     

    It used to be the case that bullets were a pain for me until I found out that Firefox's own CSS had an indent that you could negate without affecting IE. Result, almost the same appearance in both browsers.

     

    I haven't tried it but RoboHelp 10 allows you to write media queries and you can define the browswer. In theory you can have a default style for IE and other browsers but specify a rule that if the browser is Mozilla, the CSS is to be modified.

     

    That's the cheery theory and I don't know the ins and outs of how well it would work in reality. Do let us know if you decide to take the plunge.

     

    See www.grainge.org for RoboHelp and Authoring tips

     

     

    @petergrainge

     
    |
    Mark as:
  • robert-sfl
    Currently Being Moderated
    4. robert-sfl,
    Aug 3, 2012 12:51 AM   in reply to Peter Grainge
    Report

    Hi Peter,

     

    I am sure that I could tweak the CSS to work, but in this case the

    "main" CSS file must remain unchanged. All we can do is add a modified

    alternative file for Firefox.

     

    Media queries are a good idea if they allow for a browser selection,

    maby I sort of link a secondary CSS to the first that contains

    additional queries directly in the CSS.

     

    Regards,

    Robert

     
    |
    Mark as:
  • Willam van Weelden
    Currently Being Moderated
    5. Willam van Weelden,
    Aug 3, 2012 1:58 AM   in reply to robert-sfl
    Report

    Hi,

     

     

     

    This was changed in RH8. If you want to target IE in your css only, you will need a css hack (not recommended!). It would be best to identify the problems and remake the CSS so that you can support all browsers. Normally, all browsers are correct, instead of IE. So instead of fixing FF, you are fixing IE L

     

     

     

    Take a look at the following link:  <http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/> http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

     

     

     

    Greet,

     

     

     

    Willam

     
    |
    Mark as:
  • robert-sfl
    Currently Being Moderated
    6. robert-sfl,
    Aug 7, 2012 4:57 AM   in reply to Willam van Weelden
    Report

    FYI, inserting a conditional comment into the master page workes fine.

     

    In Robohelp I linked the master page to the CSS for Firefox (i.e. the standard CSS page of the project) and then added the CC link to a second CSS file. The CC is only read by IE which thus uses this other CSS file that I copy into the output folder manually (inserting as baggage file should work too).

     

    Robert

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points