While working on the new universal non-scrolling header template I stumbled on the solution for the
horizontal scrollbar bug. The cause and the solution are so simple that it is almost embarrassing. All that is needed is a
width: 100%; setting in the DIV around the topic text variable. If you add that the problem disappears and you can then use any kind of table width setting without triggering the bug in MSIE or HTML Help. It seems that the MSIE parser can't calculate percentage widths properly without an explicit declaration of the width in this location. It also works fine in other browsers with this setting.
So now you can make text break at the window border even when graphics or tables on the same page extend beyond the border by replacing this in the standard template:
Code: Select all
<table width="100%" border="0" cellspacing="0" cellpadding="5"><tr valign="top"><td align="left">
<%TOPIC_TEXT%>
</td></tr></table>
With this:
Code: Select all
<div style="padding: 10px 10px 10px 5px; width: 100%;">
<%TOPIC_TEXT%>
</div>
Note that the values for the padding go clockwise around the page from the top, so the values are
Top Right Bottom Left. If you want to set the same values for
Top/Bottom and
Right/Left you can just enter two values (ie.
padding: 10px 20px;)