高分 DIV+css 兼容overflow问题.上代码了.有没有高手.火狐不支持??
<%@LANGUAGE="VBSCRIPT"CODEPAGE="65001"%><STYLEtype=text/css>TABLE.banner{WIDTH:140px;...
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<STYLE type=text/css>
TABLE .banner {
WIDTH: 140px; TEXT-ALIGN: center; PADDING-left: 5px;
}
BODY TABLE {
WIDTH: 100%;overflow-x:hidden;BORDER-COLLAPSE: collapse; HEIGHT: 100%; border-spacing: 0
}
</STYLE>
<TABLE>
<TBODY>
<TR>
<TD >
<div style="width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;word-break:break-all; font-size:14px;color:#333333; line-height:10px; padding-left:10px"> <span style="line-height:16px;">这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br></span></div>
</TD>
<TD valign="top" class=banner rowSpan=2>
<div id=banner style=" width:100%; height:100%; overflow:hidden;FONT-SIZE: 12px;color:#4C4C4C;text-align:left;">
<!-- 头像只设置客服头像广告--><img src="这里是头像" width="138" height="195" border="0">&</div>
</DIV></TD></TR>
<TR class=footer>
<TD style="HEIGHT: 22px">
<DIV id=footer>
这里是广告
</DIV>
</TD></TR></TBODY></TABLE>
两个发送消息的内容框,内容多时下拉条会跟着变100%, 放大窗口下拉条显示灰色,缩小到文字高度时,下拉条出现 ,IE对有效,火狐无效. 是不是不支持BODY TABLE { ??? 浏览器放大缩小时,火狐根不就不变化,反而右侧又多了个下拉条 展开
<STYLE type=text/css>
TABLE .banner {
WIDTH: 140px; TEXT-ALIGN: center; PADDING-left: 5px;
}
BODY TABLE {
WIDTH: 100%;overflow-x:hidden;BORDER-COLLAPSE: collapse; HEIGHT: 100%; border-spacing: 0
}
</STYLE>
<TABLE>
<TBODY>
<TR>
<TD >
<div style="width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;word-break:break-all; font-size:14px;color:#333333; line-height:10px; padding-left:10px"> <span style="line-height:16px;">这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br></span></div>
</TD>
<TD valign="top" class=banner rowSpan=2>
<div id=banner style=" width:100%; height:100%; overflow:hidden;FONT-SIZE: 12px;color:#4C4C4C;text-align:left;">
<!-- 头像只设置客服头像广告--><img src="这里是头像" width="138" height="195" border="0">&</div>
</DIV></TD></TR>
<TR class=footer>
<TD style="HEIGHT: 22px">
<DIV id=footer>
这里是广告
</DIV>
</TD></TR></TBODY></TABLE>
两个发送消息的内容框,内容多时下拉条会跟着变100%, 放大窗口下拉条显示灰色,缩小到文字高度时,下拉条出现 ,IE对有效,火狐无效. 是不是不支持BODY TABLE { ??? 浏览器放大缩小时,火狐根不就不变化,反而右侧又多了个下拉条 展开
2个回答
展开全部
您好,感谢您对火狐的支持
按下面这种方式使用即可:
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
按下面这种方式使用即可:
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询