IE与Google Chrome在像素上不相同

You_and_Me12

于 2011-07-05 23:38:24 发布

阅读量5.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JSP学习文章标签： chrome google ie border iframe 浏览器

本文链接：https://blog.youkuaiyun.com/You_and_Me12/article/details/6586912

JSP学习专栏收录该内容

24 篇文章

订阅专栏

本文探讨了在不同浏览器（如IE和Google Chrome）中实现一致网页布局的问题，特别是使用iframe元素时遇到的宽度显示差异，并提出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做网页的时候，在IE和Google Chrome上显示实在是有些不一样，长度宽度有时候都不一样！

<BODY style="margin: 0">
	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
			<tr height="80">
				<td colspan="2">
					<iframe width="100%" height="82" scrolling="no" frameborder="0" border="0"
						id="topFrame" name="topFrame" src="top.jsp"></iframe>
				</td>
			</tr>
			<tr>
				<td width="220" valign="top">
					<iframe width="100%" height="100%" scrolling="yes" frameborder="0" style="overflow: hidden;"
						id="leftFrame" name="leftFrame" src="left_tree.jsp"></iframe>
				</td>
				<td valign="top">
					<iframe width="100%" height="100%" scrolling="auto" frameborder="0"
						id="rightFrame" name="rightFrame" src="empty.jsp"></iframe>
				</td>
			</tr>
	</table>
</BODY>

如果在leftFrame的left_tree.jsp中设置了width的宽度,就算是220在两个浏览器中也不一样，所以要注意！

直接使用div的background设置颜色！