使用FireFox时，HTMLPane缺少滚动条

Question

我正在使用HTMLPane输出html代码。 （smartgwt 3.0）

当html代码中包含图片时，我发现了一个问题。

这个问题只发生在FF上，每次都无法复制。

似乎FF不能产生良好的scroolbar。

期望：

有时候：

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 */
}

我的图片来自servlet。所以在给出html代码时我无法确定宽度和高度。

问题是如何在需要时不会丢失scroolbar。

Answer 1

如何在其中使用带有HTMLPanel的scrollPanel？这可能有助于您避免CSS怪癖和技巧。