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"