HTMLPane を使用して HTML コードを出力しています。(smartgwt 3.0)
html コードに画像が含まれている場合に問題が見つかりました。
この問題は FF でのみ発生し、毎回再現することはできません。
FF はうまくスクロールバーを生成できないようです。
予想:
時折 :
HTML コンテンツ :
<table width='100%' height='100%' cellspacing='0'><tr><td valign='top' style='padding:
8px;' class='HTMLPane''><div style='width:483px;'><div class='resize-cnt'
id="containerId">@<br />
@<br />
@<br />
@<br />
@<br />
@<br />
@<br />
<br />
<br /></div><hr /><div class='resize-pic' align='center'><img
src='/fileIo.service?fileId=18a0989b-f10f-431b-b0cd-e498cec771d8&
messageId=X2Y4Yzg3ZTgyLTk3Y2UtNDk3NC04M2U2LWZmODQ0MjVkYWM0Ni5yb290QDE4OS43Ni5jb21f'
title='
xx.png' /></div>
</div></td></tr></table>
.resize-pic img {
vertical-align: middle;
max-width:100%; /* FF IE7 */
max-height:100%; /* FF IE7 */
_width:expression(this.width > 800 && this.width > this.height ? 800: auto);
_height:expression(this.height > 800 ? 800 : auto); /* IE6 */
}
.resize-cnt img {
max-width:100%; /* FF IE7 */
max-height:100%; /* FF IE7 */
}
私のイメージはサーブレットからのものです。そのため、html コードを指定するときに幅と高さを判断できません。
問題は、必要なときにスクロールバーが失われないようにする方法です。