CSS相容IE Firefox要點

2022-01-11 17:33:51 字數 713 閱讀 2167

首先我們說說firefox和ie對css的寬度顯示有什麼不同:

其實css 』width』 指的是標準css中所指的width的寬度,在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer 』width』則是指整個容器的寬度,包括內容,padding ,border。

firefox中:容器佔的寬度=內容寬度+padding寬度+border寬度

ie中:內容寬度=您定義的容器寬度(internet explorer 』width』)-padding寬度-border寬度

所以,如果在樣式表中定義

width:120px;padding:5px

那麼在ie中顯示寬度就是120px;(padding是在width裡面)

在firefox中顯示寬度就是125px;

這就是為什麼網頁在ie中很好看,到了firefox中就會換行,打破頁面布局.

所以,我們在樣式表中就必須這樣定義 :

width:115px !important;width:120px;padding:5px;

必須注意的是 !important; 一定要在前面。  

css 相容要點:

xhtml+css相容性解決方案小集

使用xhtml+css構架好處不少,但也確實存在一些問題,不論是因為使用不熟練還是思路不清晰,我就先把一些我遇到的

問題寫在下面,省的大家四處找^^

CSS相容IE Firefox要點總結

首先我們說說firefox和ie對css的寬度顯示有什麼不同 其實css width 指的是標準css中所指的width的寬度,在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer width 則是指整個容器的寬度,包括內容,padding borde...

相容ie,firefox的callback方法

function callback args,datasxmldoc common showmonthreport.xsl try catch e 相容ie,firefox的callback方法,這是乙個xsl解晰xml得到 html字串的方法。quote 引數說明 datasxmldoc 為 xm...

IE FireFox相容 JS對select操作

今天在ajax中使用兩個下拉框動態新增select中的options,當我在ie測試下正常使用卻在firefox中不能正常使用,我對指令碼也不是很熟悉,所以上網查了一下發現他們在動態新增option時有點不同。下面把他記下來,說不定以後還可以用用 動態刪除select中的所有options func...