css一招解決不同浏覽器頁面錯位

用CSS+DIV來寫網站代碼的好處顯而易見,這裏不多說了,但由于不同浏覽器對CSS的解釋不統一,造成不同浏覽器下頁面錯位的現象十分常見……

頁面亂的原因是因爲IE6認爲一個DIV超寬了,所以把本應float;right的DIV擠了下去。而如果設置爲IE6下顯示正常的寬度,則在IE7和Firefox下看頁面就會少了一塊一樣,也很別扭….

怎麽辦?用CSS HACK 來改寫CSS代碼

改寫前:xxx. yyy:{width:600px;} (當設爲IE7和Firefox下顯示正常的600px時,IE6下會錯位,改爲590px,則IE6下正常,IE7和Firefox下顯示不完美)

改寫後: xxx. yyy{width:600px;* width:600px;_ width:590px;}

(Firefox不認識*和_,而IE都認識*,IE7不支持_,IE6支持_)

順序千萬不要亂,因爲當出現重複定義時,浏覽器默認按最後一下渲染,所以一定要先正常,再*,最後_。

這樣Firefox讀取時只看到了正常的定義,而IE都能看到第二個*的定義,于是忽略第一個正常的定義,而IE中因爲IE7不再支持_,所以按照第一個帶*號的執行,IE6支持_,所以認爲帶*後的也是重複定義,予以忽略,執行最後一個定義。

有人喜歡用!important來進行CSS HACK,但我覺得!important寫起來太長了,不如*和_簡單直觀。

只要記住IE7=*,IE6=_,然後按照先Firefox後IE7,最後IE6的順序進行編寫,一般就可以保證大部分用戶浏覽正常了。

使用css在不同頁面上使用同樣的導航代碼
  查了相關的資料,在這個過程中發現,使用flash實現這樣的效果  需要通過後台,這個因爲我不太了解,暫且不表,說說最近在學的css  如何用css實現在不同頁面上使用相同的導航代碼  原理:  通過爲每個頁面...查看完整版>>使用css在不同頁面上使用同樣的導航代碼
 
使用css在不同頁面上使用同樣的導航代碼
查了相關的資料,在這個過程中發現,使用flash實現這樣的效果需要通過後台,這個因爲我不太了解,暫且不表,說說最近在學的css如何用css實現在不同頁面上使用相同的導航代碼原理:通過爲每個頁面的body定義一個id根據...查看完整版>>使用css在不同頁面上使用同樣的導航代碼
 
提升兼容不同浏覽器CSS Hack的寫法
  解決CSS中遇到的浏覽器兼容性問題,最簡單的方式爲CSS Hack,現在我們講將不同浏覽器中CSS Hack寫法!  區別IE6與FF:   background:orange;*background:blue;   區別IE6與IE7:   background:green !im...查看完整版>>提升兼容不同浏覽器CSS Hack的寫法
 
網頁制作:不同浏覽器CSS Hack寫法-css設計
  區別IE6與FF:   background:orange;*background:blue;  區別IE6與IE7:  background:green !important;background:blue;  區別IE7與FF:  background:orange; *background:green;  區別FF,IE7,IE...查看完整版>>網頁制作:不同浏覽器CSS Hack寫法-css設計
 
解決浏覽器的等寬空格CSS問題方法
  很多時候,希望能夠在 HTML 中使用空格排版。但浏覽器在解析 HTML 時,會把連續的空格解析成一個,所以我們會使用  等這樣的占位符。   但是   也不是很可靠,比如空格間距非常大,那麽我們...查看完整版>>解決浏覽器的等寬空格CSS問題方法
 
黑莓8300自帶浏覽器呈現頁面問題的初步解決
1.刷了4.5rom後,馬上用自帶浏覽器上網,成功了,進入"tcp"發現apn(即接入點)無填寫. 2.填"cmwap",發現居然無edge上網信號,于是重啓手機,重啓後再試,過了較長時間提示"apn接入cmwap"無法用之類的,後來又換回cmnet,還...查看完整版>>黑莓8300自帶浏覽器呈現頁面問題的初步解決
 
教你解決Word表格粘貼時錯位難題-MSOFFICE
  Word中處理個人簡曆表格時,經常要遇到將一個表格的某些行複制到另一個表格的情形。看起來很簡單的一個問題,卻常常會出現意外的結果——即使兩個表格的列數完全一樣,粘貼結果卻經常“錯位”,粘貼進來的行總是...查看完整版>>教你解決Word表格粘貼時錯位難題-MSOFFICE
 
worrdpress因excerpt錯位的兩個解決方法
worrdpress因excerpt錯位的兩個解決方法
  excerpt插件是Wordpress自動摘要插件,是目前Wordpress必配的一個插件,無論是從美觀上面還是布局方面對seo都有很多的作用,因爲這個插件能提高用戶體驗度,首先每位wordpress使用者應該都明白,每一個wordpress...查看完整版>>worrdpress因excerpt錯位的兩個解決方法
 
性格與職業錯位的解決之道
夏日炎炎,職場人士大多蟄伏在寫字樓的中央空調之下,等待著秋高氣爽的下半年--又一個新的黃金跳槽時節的來臨。綜觀跳槽的因素,根據赫敦管理顧問(上海)有限公司的調查顯示,因爲性格與職業錯位造成職業生涯的一再...查看完整版>>性格與職業錯位的解決之道
 
 
回到王朝網路移動版首頁