CSS/DIV：如何处理table的高度百分比在IE和非IE浏览器中的兼容性呢
<%@pagelanguage="java"import="java.util.*"pageEncoding="GBK"%><html><head><styletype=...
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background-colir:green;
margin: 0; /*body距上下左右的值都为0，即满铺屏幕*/
}
.container {
height: 100%;
text-align: center;
/*如果不加该属性则名为wrapper的div无法居中，因为text-align:center是指内容居中 */
/*IE认为DIV也算是一种内容，如果加在.wrapper则只是这个DIV里的内容居中，wrapper相对于container就不居中了本身就不会居中了*/
}
.wrapper {
text-align: center;
width: 1000px;
height: 100%;
background: white;
margin: 0 auto;
/*margin后面跟两个参数时，第一个参数设置上下的值，第二个参数设置左右的值，这里表示上下距离为0，左右距离自动，即居中*/
/*但该设置对于IE无效，div仍会左对齐，所以在container中附加了text-align:center*/
}
</style>
</head>
<body leftmargin="0" topmargin="0">
<div class="container">
<div class="wrapper">
<table width=100% height=10%; border="1">
<tr><td>111</td></tr>
</table>
<table width=100% height=90% border="1" >
<tr><td>222</td></tr>
</table>
</div>
</div>
</body>
</html>
如果table内容没有超出一个屏幕的高度，则各浏览器显示效果相同，而如果下半部分的内容特别长超出了浏览器的高度， 则在Chrome中上半部分的高度仍为浏览器窗口的10%，而在IE中上半部分的高度变为整个table高度的10%了，也就是说如果整个table变为10000px，则上半部分table的高度会变为1000px，如何解决这种兼容性问题呢。 展开
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background-colir:green;
margin: 0; /*body距上下左右的值都为0，即满铺屏幕*/
}
.container {
height: 100%;
text-align: center;
/*如果不加该属性则名为wrapper的div无法居中，因为text-align:center是指内容居中 */
/*IE认为DIV也算是一种内容，如果加在.wrapper则只是这个DIV里的内容居中，wrapper相对于container就不居中了本身就不会居中了*/
}
.wrapper {
text-align: center;
width: 1000px;
height: 100%;
background: white;
margin: 0 auto;
/*margin后面跟两个参数时，第一个参数设置上下的值，第二个参数设置左右的值，这里表示上下距离为0，左右距离自动，即居中*/
/*但该设置对于IE无效，div仍会左对齐，所以在container中附加了text-align:center*/
}
</style>
</head>
<body leftmargin="0" topmargin="0">
<div class="container">
<div class="wrapper">
<table width=100% height=10%; border="1">
<tr><td>111</td></tr>
</table>
<table width=100% height=90% border="1" >
<tr><td>222</td></tr>
</table>
</div>
</div>
</body>
</html>
如果table内容没有超出一个屏幕的高度，则各浏览器显示效果相同，而如果下半部分的内容特别长超出了浏览器的高度， 则在Chrome中上半部分的高度仍为浏览器窗口的10%，而在IE中上半部分的高度变为整个table高度的10%了，也就是说如果整个table变为10000px，则上半部分table的高度会变为1000px，如何解决这种兼容性问题呢。 展开
展开全部
简单点用一个最大div就行，设置一下大div，让他的左右边距自动，这样就居中了，在大div里面进行就好了，那么麻烦干啥
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js判断，再重新赋值给table。
更重要的建议是：
做网页在y方向上，你就忘了百分比尺寸这个概念吧。你是在给自己找麻烦。每个页面内容不同导致高度可能不一样，这个上面用百分比是找虐的节奏。
更重要的建议是：
做网页在y方向上，你就忘了百分比尺寸这个概念吧。你是在给自己找麻烦。每个页面内容不同导致高度可能不一样，这个上面用百分比是找虐的节奏。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
