`
smiky
  • 浏览: 259584 次
  • 性别: Icon_minigender_1
  • 来自: 天门
社区版块
存档分类
最新评论

jquery ui accordion div的高度会缩小及出现滚动条

阅读更多
jquery ui accordion在IE6(chrome,safari,ff无问题)下发生div大小变化,点击一次变小一点,到一定程度后又变大,查了半天资料找不到原因,于是将
jquery ui自带的demo修改了一下在IE6下进行测试,发现一点问题也没有,于是比较我的html页面与demo中html的差别,发现
问题出在doctype上面了,demo中是这样的<!DOCTYPE html>,而我的html中是这样的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,
测试了下面四种doctype,发现只有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">不行,其它几个都OK


下面的例子演示了如何使用 !DOCTYPE 声明指定文档遵从的 DTD,并将 Internet Explorer 6 及更高版本切换到标准兼容模式。
下面例子中的声明都指定了遵从 HTML 4.0 DTD。第二种声明指定了“Strict”。第一种声明没有指定。
这两种声明都将会把 Internet Explorer 6 及以后版本切换到标准兼容模式。
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
下面例子中的声明都指定了遵从“Transitional”HTML 4.0 DTD。第二种声明指定了 DTD 的 URL。第一种声明没有指定。
第二种声明将会把 Internet Explorer 6 及以后版本切换到标准兼容模式。第一种声明不会。
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
分享到:
评论

相关推荐

    jquery ui页面滚动底部显示浮动弹出层图文列表展示

    同时,我们还需要计算页面是否到底部,这可以通过比较滚动条的位置和文档的总高度来实现: ```javascript $(window).scroll(function() { if ($(this).scrollTop() + $(this).height() == $(document).height()) {...

    jquery ui dialog ie8出现滚动条的解决方法

    关于标题“jquery ui dialog ie8出现滚动条的解决方法”所提到的知识点,主要涉及到在特定浏览器环境下,通过jQuery UI框架开发的dialog组件表现异常的问题,以及如何通过代码调整解决这一现象。这里重点介绍在IE8...

    部分jQuery插件

    在项目中使用jQuery UI,首先需要引入jQuery库和jQuery UI的CSS及JS文件。然后,通过简单的JavaScript代码,可以轻松启用所需的组件。例如,开启对话框功能只需以下几步: 1. 在HTML中添加对话框元素: ```html ...

    python教程之jqurey入门

    #### 七、jQuery UI 1. **组件**: - **Tabs**:创建可切换的面板组。 - **Accordion**:创建可折叠的面板。 - **Dialog**:创建弹出对话框。 - **Slider**:创建滑动条。 2. **主题**: - 使用预设的主题...

    ExtAspNet_v2.3.2_dll

    -修正IE下有时会出现空白页面的情况(feedback:olivia919)。 +2009-12-06 v2.1.8 -修正了使用IFrame的Window关闭后不能再次打开的BUG(feedback:alexa99)。 -修正了IE下Grid中的一个JS问题(feedback:lqm4108)...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正IE下有时会出现空白页面的情况(feedback:olivia919)。 +2009-12-06 v2.1.8 -修正了使用IFrame的Window关闭后不能再次打开的BUG(feedback:alexa99)。 -修正了IE下Grid中的一个JS问题(feedback:lqm4108)...

Global site tag (gtag.js) - Google Analytics