首先我們說說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...