以FireFox跟IE比較padding、margin
FireFox: 設定padding時會影響width、height的寬、高度
IE:設定padding時不影響width、height的寬、高度

用法一 以FireFox為主製作,再對IE做微調
(08/07/01發現底線”_”IE7會判讀了,修正規則如下)
>:IE7以前的版本可以判讀
:IE6以前的版本可以判讀
>、-:FireFox兩者皆忽略

Example:順序要照範例所寫,不同會有錯誤

div {
 width: 98px; /*設定在FF中的寬度*/
 >width: 118px; /*設定在IE7中的寬度*/
 width: 118px; /*設定在IE6中的寬度*/
 height: 98px; /*設定在FF中的高度*/
 >height: 118px; /*設定在IE7中的高度*/
 height: 118px; /*設定在IE6中的高度*/

}

 

用法二 以FireFox為主製作,再對IE做微調
* +html:IE7可以判讀
* html:IE6以前的版本可以判讀

Example: 順序要照範例所寫,不同會有錯誤

#test {width: 98px; height: 98px;} /*設定在FF中的寬高*/
* html #test {width: 98px; height: 98px;} /*設定在IE6中的寬高*/
* +html #test {width: 98px; height: 98px;} /*設定在IE7中的寬高*/
✱ Facebook 留言 ✱
Load More Related Articles
  • CSS∥Moz-CSS Firefox專用CSS

    找到個比較詳盡的,目前還是英文原文,有空再來翻成中文。 Properties: -moz-appearance … …
  • CSS|min-height & height

    我現在把改這個版遇到的問題寫在這一下,如果你有在改版也許會碰到這些問題。這篇文章裡的CSS解釋網路上學來的,附 … …
  • CSS∥IE6中支援PNG透明度 CSS作法

    在IE7之前都尚未支援PNG的透明度,目前IE6市佔率還高的很,所以就苦了我們這些網頁設計師,今天終於搜尋到好 … …
Load More In ▌Design╠ CSS‧語法 ╣

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

Check Also

如何取得個人Facebook臉書的連結網址

如果想要分享自己的Facebook帳號給朋友,找了半天不是很好找,到底在哪裡呢? 安卓和蘋果的方式不太一樣~讓 … …