作者DarkKiller (System hacked)
看板Web_Design
标题Re: [心得] css 在不同浏览器的破解法
时间Sat Jun 30 18:12:31 2007
※ 引述《Allenguy ()》之铭言：
: div#milkr{width:200px;} /*-for ff-*/
: * html div#milkr{width:180px;} /*-for ie6-*/
: *+html div#milkr{width:150px;} /*-for ie7-*/
这个... 是错的。
: 这好像是万年考古题了
: 上网找到的
: 有需要的人自取 :)
看你所 post 的 css code，你想要解决的应该是 IE{6,7} 在
Quirks mode 下
CSS box model 计算问题，但事实上 IE{6,7} 有能力正确计算 box model，
你的 code 并不对。
在 Wikipedia 上的说明有张图说明了 IE box model bug：
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
右边那张图很清楚的指出问题在於 IE5、IE5.5，以及 IE{6,7} 的
Quirks mode
下会把 padding 与 border 算到 width 里，这与 CSS 标准要求要分开算不符。
如果你对 IE 的支援只打算做到 IE{6,7}，不打算做 IE 5 与 IE 5.5 的话，
最好的方法是在开头的地方设定 DOCTYPE：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(参考
http://en.wikipedia.org/wiki/Quirks_mode 的表格)
如果你要支援 IE 5 与 IE 5.5，我会建议用 table 排...
--
Resistance is futile.
http://blog.gslin.org/ & <
[email protected]>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.54.119
1F：推 Allenguy:宽度不是我要表达的@@ .... 那只是个例子... 06/30 20:04