Hi Van,
vanwerkum wrote:"padding: 15px !important;" seems to also affect the bullet line spacing in browsers other than IE. If you change to "0px" the bullet line spacing is OK, but then you lose the padding around the topic text.
Aaaarrrrggh!!!
Of course! It's not actually the value, it's the way it's defined. The problem is that
#idcontent div {...} defines a style for
all DIVs within the outer #idcontent DIV, and H&M sometimes uses DIVs in lists, in some formatting situations. This will then add additional padding to these DIVs and since this setting only applies in Firefox and other standards-compliant browsers you only see the effect there.
Thanks a lot for posting this! I've already updated the template to correct it. What you need to do is this:
Replace the original
#idcontent {...} and
#idcontent div {...} blocks with this (I've also fine-tuned the padding values a little):
Code: Select all
/* Set the padding in the OUTER div for MSIE and CHM to prevent the
width bug and the horizontal scrollbar bug from activating. */
#idcontent {
width: 100%;
padding: 0px !important;
padding: 10px 18px 5px 10px;
}
/* Set the padding in the INNER div for all other browsers. */
#innerdiv {
padding: 10px 5px 5px 10px !important;
padding: 0px;
}
Then add the "innerdiv" ID to the inner DIV around the <%TOPIC_TEXT%> variable, like this:
Code: Select all
<div id="idcontent"><div id="innerdiv">
<%TOPIC_TEXT%>
</div></div>
Really solving the width problem in MSIE and CHM:
The values used in these DIVs only really achieves a compromise solution for the "width problem" in MSIE and CHM. When a topic contains a wide graphic and/or table that extends beyond the window border, text in other paragraphs will still just touch the window border, particularly when the user resizes the window. The solution for this is to change the right border padding value for MSIE in the #idcontent block to 25px. However, this makes the right margin too large in all other topics.
The solution is to define an additional help window type in Project Properties - Help Windows. Then apply the same HTML template to this new window type and use the following values for the #idcontent block:
Code: Select all
#idcontent {
width: 100%;
padding: 0px !important;
padding: 10px 25px 5px 10px;
}
Then only use this version of the template in topics containing wide graphics etc. (Select it in the Help Window: field in the Topic Options tab.) If you do this you can also use a lower value for the right border for MSIE and CHM the standard version, like 15px or even 10px.