1

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 コードを指定するときに幅と高さを判断できません。

問題は、必要なときにスクロールバーが失われないようにする方法です。

4

1 に答える 1