作者grence (多想两分钟 = =")
看板Web_Design
标题Re: [问题] 浏览器不合的执行步骤......
时间Mon May 5 19:58:18 2008
※ 引述《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
1F：→ TonyQ:margin 跟padding 是因为ie跟fx的default值不一样 05/05 20:09
2F：推 austin119:关於margin&padding，我是直接写一个外挂取消他预设值 05/05 21:13
3F：→ austin119:所以当初用margin来做区块外的排版因该是没有问题才对.. 05/05 21:14
4F：→ austin119:可是结果不然，反而两大浏览器就打架了...... 05/05 21:15
5F：→ austin119:另外直到刚刚我再用座标定位的方式来重新排版後 05/05 21:16
6F：→ austin119:问题就降低了非常多，顶多每个区块的位子只差了1到2px值 05/05 21:16
7F：→ austin119:不管怎样，先谢谢前辈们的回覆与提供相关的经验， 05/05 21:17