CSS 配合瀏覽器作微調

在使用 CSS 時

不同的瀏覽器

對 padding, margin, width, height, top, left... 等定位的定義不一樣

我自己原先的方法是以 Firefox 為主

再對 IE 作微調

利用下面的 java script

lib.js
[js]// JavaScript Document lib.js

function BrowserIsIE()
{
if( document.getElementById && !document.all )
{
return false // Netscape v6.0 or upper.
}
return true // MSIE.
}[/js]

和

[js]


[/js]

另外寫個 ie.css 作調整


今天發現新的方法

http://srwiay.blogspot.com/2007/02/css.html

可以更簡便的調整

以下作些紀錄

---

Firefox 設定 padding 會影響 width, height

方法

1.
_:IE7以前的版本可以判讀
*:IE6以前的版本可以判讀
_、*:FireFox兩者皆忽略

ex:
[css]div {
width: 100px; // set Firefox
*width: 110px; // set IE6
_width: 120px; // set IE7
}[/css]

2.
* +html:IE7可以判讀
* html:IE6以前的版本可以判讀

[css]#test {width: 100px;} // set Firefox
* html #test {width: 110px;} // set IE6
* +html #test {width: 120px;} // set IE7[/css]