Re: [問題] 瀏覽器不合的執行步驟......

[grence (多想兩分鐘 = =")]

※ 引述《austin119 (美編勞工)》之銘言：
: 想請問一下
: 當前輩們發現自己現寫的css網站與其他瀏覽器不合時
: 會立即馬上做修正
: 還是會先把某個特定的瀏覽器的網頁給跑完後再來一一的測試與修改
: 事情是這樣的，我現在碰到的問題就是內文區塊的margin定位問題
: 原先在製作網頁的過程中IE都呈現正常的情況後我就沒去測試其他瀏覽器
: 但是呢....就在昨天心血來潮使用firefox來點選瀏覽器測試後
: 發現整個版面的margin定位全部走樣
: 害得我現在必須要做個選擇
: 是要邊做邊修改還是說要先把特定的瀏覽器給完成後再來修改.........
: 苦惱壓........
: 所以想在這邊請教各位前輩們的意見......
: 謝謝。

跨瀏覽器本來就是件頗麻煩的事，CSS、JavaScript常常都要改半天，
隨著經驗累積有些問題很快就能找到解法，但仍有許多沒用過的東西……
分享幾個自己覺得有用的東西：

什麼是 DTD？這是網頁標準的第一步：Fix Your Site With the Right DOCTYPE!
http://www.alistapart.com/articles/doctype/
要再了解的話自己去 google神廟拜一下求籤；

DTD 對各瀏覽器的作用，Quirks mode or strict mode？
browser explain dtd
http://hsivonen.iki.fi/doctype/
Quirks mode and strict mode
http://www.quirksmode.org/css/quirksmode.html
都是英文…但後兩篇我只看圖表，第一篇只看排版突出的字XD

關於 CSS網路上可以查到一堆 HACK（所以現在要我打也打不出來XD），所以略過。
我的 CSS的第一條規則通常是 *{margin:0;padding:0;}
原因…忘了，用了段時間，忘記起源XD
大概是IE跟FX對某些標籤的 margin、padding解釋不一致吧

JavaScript是最頭痛的，所以jQuery用上癮了……
嗯，寫 JavaScript常被推薦的還有 firefox的套件 firebug，好東西！
公司規定所有使用者都要用IE，所以本來很快樂的寫些IE ONLY的東西，
但，試用一下就著迷了，就算最後要再改成 IE能動的版本，開發速度仍有顯著的提昇！
（也可能是我還太遜了，不常用的都不熟，查的到的都不記XD）
但後來發現 jQuery之後 firebug也不常用了…隨便寫都會動，沒什麼要額外測的 = =a
大推 jQuery！遇過瓶頸更能體會它的好XD

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 61.229.209.40
→ TonyQ:margin 跟padding 是因為ie跟fx的default值不一樣
推 austin119:關於margin&padding，我是直接寫一個外掛取消他預設值
→ austin119:所以當初用margin來做區塊外的排版因該是沒有問題才對..
→ austin119:可是結果不然，反而兩大瀏覽器就打架了......
→ austin119:另外直到剛剛我再用座標定位的方式來重新排版後
→ austin119:問題就降低了非常多，頂多每個區塊的位子只差了1到2px值
→ austin119:不管怎樣，先謝謝前輩們的回覆與提供相關的經驗，