作者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
1F：推 passers:700-7*80 = 40 ? 09/28 23:53
数学不好被抓包＝＝
※ 编辑: hellolucky 来自: 61.59.237.188 (09/28 23:57)
2F：推 terrybob:没有啦。1楼的，100是小费啦。赢钱多少要给服务生的 09/28 23:59
※ 编辑: hellolucky 来自: 61.59.237.188 (09/29 00:04)
3F：推 othree:border宽度有加单位？ 09/29 00:16
4F：推 hellolucky:yes!楼上解决第三个问题了 感恩 09/29 00:20
5F：推 dingyuchi:建议是以IE看到的为主.. 毕竟大多数人都只知道ie.. 09/29 01:15
6F：推 aceone:以Firefox写好再针对IE6做Hack,是比较常见的作法~ 09/29 02:49
7F：→ buganini:从FF改成IE compatible会比IE改成FF简单..所以通常先弄FF 09/29 17:53
8F：推 xieij:IE计算margin和padding的方式和其它浏览器不同 09/29 18:59
9F：→ TonyQ:建议以FX为主 , 再针对IE修改会比较容易一点 09/30 15:17