作者hellolucky (做自己 好自在)
看板Web_Design
標題[請益] CSS相容性問題
時間Fri Sep 28 23:51:13 2007
最近在做一個網站 初次使用CSS+div來建構版面
一開始還頗順利的 用notepad++直接key都沒問題
隨著版面漸漸完成 div的數量也越來越多
而在版面建置的差不多後才發現 原來有IE和Firefox的相容性問題
開了FireFox一整個慘不忍睹
查資料後才發現原來是IE與眾不同
所以版面會很奇怪
現在遇到的問題很多
ex:
1.設一個div寬度700 裡面塞7個寬80的div
700-7*80 = 140
在IE中700都會正常顯示 火狐則顯示560
2.padding和寬度問題
3.border在ie會顯示 FireFox則否
..............................................之類的
像問題2我知道可以hack解決
但div這麼多 每個都要慢慢設定?
而除了我舉的兩點 還有什麼事需要注意的?
另外 我google到一個軟體CSSVista
( 介紹:
http://www.goston.net/2007/06/25/937/ )
他說可以直接編輯IE&FireFox的版面
有人有用過嗎?
(看起來好像只能同時預覽?)
希望有經驗的前輩可以指導一下 感恩!!
--
進來逛逛
http://blog.pixnet.net/hellolucky
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.59.237.188
推 passers:700-7*80 = 40 ? 09/28 23:53
數學不好被抓包＝＝
※ 編輯: hellolucky 來自: 61.59.237.188 (09/28 23:57)
推 terrybob:沒有啦。1樓的，100是小費啦。贏錢多少要給服務生的 09/28 23:59
※ 編輯: hellolucky 來自: 61.59.237.188 (09/29 00:04)
推 othree:border寬度有加單位？ 09/29 00:16
推 hellolucky:yes!樓上解決第三個問題了 感恩 09/29 00:20
推 dingyuchi:建議是以IE看到的為主.. 畢竟大多數人都只知道ie.. 09/29 01:15
推 aceone:以Firefox寫好再針對IE6做Hack,是比較常見的作法~ 09/29 02:49
→ buganini:從FF改成IE compatible會比IE改成FF簡單..所以通常先弄FF 09/29 17:53
推 xieij:IE計算margin和padding的方式和其它瀏覽器不同 09/29 18:59
→ TonyQ:建議以FX為主 , 再針對IE修改會比較容易一點 09/30 15:17