Skip to main content
C
Chrodgers
Known Participant
December 16, 2009
Answered

CSS Issues appearing in IE8 Only

  • December 16, 2009
  • 2 replies
  • 984 views

Hi,

I'm using RH7, and I've recently discovered that my 123, bullets, and ABC styles in my webhelp project aren't appearing properly in IE8. They appear fine in Firefox and IE7 and in the WYSIWYG editor, just not in IE8 when the help has been deployed to the server. To further complicate the situation, when I view the generated help in IE8 on my drive, everything appears correctly. It's just when viewing the help on the server in IE8 that these issues are occurring.

This is what's happening:

- Bulleted lists within numbered steps are appearing "hollow". I've checked that "list-style: disc;" is specified in the CSS in both the LI and P definitions.

- Numbered steps are appearing larger than they should be.

- ABC substeps within numbered steps are appearing as 123.

I experienced similar issues when upgrading to RH8 (we've since rolled back to 7). However, the difference with the RH8 issues is that they were occuring across all browsers, and could be viewed in the generated output on my drive. As mentioned, this only occurs in IE8 when viewing the help on the server.

This is what's specified in the CSS:

Bullet style:
P.BulletedStep {
color: #000000;
list-style: disc;
}
LI.P-BulletedStep {
color: #000000;
list-style: disc;

Numbered Style:

P.NumberedStep {
color: #000000;
font-size: 10pt;
list-style: decimal;
}
LI.P-NumberedStep {
color: #000000;
font-size: 10pt;
list-style: decimal;

ABC Style:

P.NumberedStepABC {
list-style: lower-alpha;
}
LI.P-NumberedStepABC {
list-style: lower-alpha;

Any help or suggestions would be much appreciated.

This topic has been closed for replies.
Correct answer Willam van Weelden

Hi,

There is probably some other style in your style sheet or your topics overriding your style. When I paste your styles in a clean HTML file, it all works fine either local or on a server (when you close each list style with } Just to make sure, probably fell of with copy/paste)

To further complicate the situation, when I view the generated help in IE8 on my drive, everything appears correctly. It's just when viewing the help on the server in IE8 that these issues are occurring.

Is the style sheet on your server exactly the same as your local style sheet?

To be more helpfull, can you post your style sheet and an example topic so we can have a look?

Greet,

Willam

2 replies

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
December 17, 2009

The help you are seeing is the same as that on the server and the browser is the same so how can there be a difference. I am thinking that the help on the server is maybe not quite the same, something is not surviving the journey to the server.

See www.grainge.org for RoboHelp and Authoring tips

Follow me @petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
C
ChrodgersAuthor
Known Participant
January 26, 2010

Thank you Peter and Willam for your responses, and sorry for my delay in replying.

The help was recently moved to another server where I FTP the files up myself. This has resolved the issue, so you were both correct that the version of the CSS on the old server was not the same as the one on my drive. I guess it was a silly question, as it seems so obvious now with both your responses and the solution in place.

Regardless, thanks for your help. Always appreciated.

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
December 17, 2009

Hi,

There is probably some other style in your style sheet or your topics overriding your style. When I paste your styles in a clean HTML file, it all works fine either local or on a server (when you close each list style with } Just to make sure, probably fell of with copy/paste)

To further complicate the situation, when I view the generated help in IE8 on my drive, everything appears correctly. It's just when viewing the help on the server in IE8 that these issues are occurring.

Is the style sheet on your server exactly the same as your local style sheet?

To be more helpfull, can you post your style sheet and an example topic so we can have a look?

Greet,

Willam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices