IE7,不兼容问题(这是一个神奇的浏览器)

原来缘来 2013-08-17 10:14:12
问题描述:不能说IE7不兼容吧,很神奇的问题,忘大神给解决
当调整#main的宽度和高度为300px的时候,IE7就不兼容了,
而当宽度和高度为200/400px的时候页面就是好的
废话不多说上代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>我的日历</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#main{/*130*170*/
width: 300px;
height: 300px;
margin: 0 auto;
}
</style>
<style type="text/css">
.jyg_calander{
height: 100%;
width: 100%;
}
.jyg_selecter{
height: 12%;
border: 1px solid #CCC;
}
.jyg_weeks{
height: 12%;
border: 1px solid #CCC;
border-right: none;
}
.jyg_week{
width: 14.285%;
height: 100%;
float:left;
}
.jyg_week div{
width: 100%;
height: 100%;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.jyg_days{
height: 76%;
border: 1px solid #CCC;
border-right: none;
border-bottom: none;
}
.jyg_day{
width: 14.285%;
height: 100%;
float:left;
}
.jyg_day > div{
width: 100%;
height: 100%;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.jyg_day_row{
width: 100%;
height: 16.6%;
}
</style>

</head>
<body>
<div id="main">
<div class="jyg_calander">
<div class="jyg_selecter">
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr style="height: 100%;">
<td width="50%" align="center" valign="center">
<select>
<option>2011</option>
<option>2012</option>
<option selected="selected">2013</option>
<option>2014</option>
<option>2015</option>
</select>
</td>
<td align="center" valign="center">
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option selected="selected">8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
</tr>
</table>
</div>
<div class="jyg_weeks">
<div class="jyg_week"><div>日</div></div>
<div class="jyg_week"><div>一</div></div>
<div class="jyg_week"><div>二</div></div>
<div class="jyg_week"><div>三</div></div>
<div class="jyg_week"><div>四</div></div>
<div class="jyg_week"><div>五</div></div>
<div class="jyg_week"><div>六</div></div>

</div>
<div class="jyg_days">
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
</div>
</div>
</div>
</body>
</html>
...全文
755 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
2013-08-29
  • 打赏
  • 举报
回复
有些东西,很奇怪。在火狐里和在IE里显示就不同。
跟我学做菜吧 2013-08-29
  • 打赏
  • 举报
回复
三位小数ie好像变成两位啦
wasdasdfqwer 2013-08-24
  • 打赏
  • 举报
回复
引用 6 楼 JayYounger 的回复:
[quote=引用 4 楼 wufengui1315 的回复:] 我最近也要做这个,好多不兼容的,可以交流交流
留下个联系方式吧[/quote]qq569411017
原来缘来 2013-08-22
  • 打赏
  • 举报
回复
引用 4 楼 wufengui1315 的回复:
我最近也要做这个,好多不兼容的,可以交流交流
留下个联系方式吧
原来缘来 2013-08-22
  • 打赏
  • 举报
回复
引用 3 楼 fzfei2 的回复:
[quote=引用 2 楼 JayYounger 的回复:] [quote=引用 1 楼 fzfei2 的回复:] ie 下 边框会增加宽度,与百分比算会,不容易刚好对上 你直拉用table, 或者用固定宽度,不要用%
table里面放div也有问题我试过 固定宽度你就别说了,我这个更类似于插件的[/quote] 你用了table 里页面的div就不用DIV了,或DIV上不要加宽度 你既然做组件,那生成时候js 根据总宽度算一下每个格宽度 [/quote] 能用css控制,就尽量不用js控制
wasdasdfqwer 2013-08-20
  • 打赏
  • 举报
回复
我最近也要做这个,好多不兼容的,可以交流交流
fzfei2 2013-08-18
  • 打赏
  • 举报
回复
引用 2 楼 JayYounger 的回复:
[quote=引用 1 楼 fzfei2 的回复:] ie 下 边框会增加宽度,与百分比算会,不容易刚好对上 你直拉用table, 或者用固定宽度,不要用%
table里面放div也有问题我试过 固定宽度你就别说了,我这个更类似于插件的[/quote] 你用了table 里页面的div就不用DIV了,或DIV上不要加宽度 你既然做组件,那生成时候js 根据总宽度算一下每个格宽度
原来缘来 2013-08-17
  • 打赏
  • 举报
回复
引用 1 楼 fzfei2 的回复:
ie 下 边框会增加宽度,与百分比算会,不容易刚好对上 你直拉用table, 或者用固定宽度,不要用%
table里面放div也有问题我试过 固定宽度你就别说了,我这个更类似于插件的
fzfei2 2013-08-17
  • 打赏
  • 举报
回复
ie 下 边框会增加宽度,与百分比算会,不容易刚好对上 你直拉用table, 或者用固定宽度,不要用%

5,007

社区成员

发帖
与我相关
我的任务
社区描述
解读Web 标准、分析和讨论实际问题、推动网络标准化发展和跨浏览器开发进程,解决各种兼容性问题。
社区管理员
  • 跨浏览器开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧