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>
...全文
754 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, 或者用固定宽度，不要用%
IE6 绿色 兼容win764位
ie6,兼容win7 64位100%完美运行,找了好久的，不容易的
ie8 for win7（windows7旗舰版内提取）
ie8 for win7（windows7旗舰版内提取） win7 内IE 崩溃后可用此包替换
前端浏览器开发中的浏览器兼容问题【持续更新】
浏览器兼容问题指：“不同浏览器(IE、Chrome、FireFox、Safari、Edge)对同一种CSS样式或同一段JS代码的解析和渲染会有所不同”，从而用户在不同浏览器环境下的访问呈现的页面效果不一致。浏览器兼容问题分为：“CSS兼容问题”、“JavaScript兼容问题造成浏览器兼容问题的根本原因是：“不同浏览器使用的内核不同”，不过随着时代的发展Webkit内核逐渐统一市场，浏览器兼容问题也越来越少。浏览器内核IETridentChromeBlinkFirefoxGecko。
html页面在ie上不兼容,四招解决IE 11浏览器网页不兼容问题
虽然Windows10即将发布，而Edge浏览器也将成为该系统的默认浏览器，但截止目前，IE11的用户数量已经超越IE10和IE9的总和。虽然IE11已经大大改进了性能，但是在浏览一些网站的时候还是会出现一些兼容性的问题。如果想要更为流畅的运行IE11浏览器的话，就要使用下面提供的方法了。当遇到打开有问题的网站，可以尝试下面的操作：一、添加受信任的站点1.打开IE11浏览器，点击右上角...
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
为什么会有兼容问题？由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Opera7及以
跨浏览器开发

5,007

社区成员

2,693

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章