比如css里：fieldset{margin:100px auto;}那么这个fieldset在FF（包括safari等浏览器）显示是上下100px、左右居中。而IE下就是左右居中，margin的上下无效。（当然这里的ie是IE6-IE8、页面带DOCTYPE声明）。

我的解决办法就是修改fieldset内legend的margin，或者fieldset外面加一个div，然后修改这个div的margin。

顺便，这个表单也被我拿来当作练习js了，深刻的体会到：学到的理论如果不用到实践上，那永远也不会有提升。

1. 用sed替换重复内容，使用命令 -n "G;s/\n/&&/;/^\(.*\n\).*\n\1/d; s/\n//;h;P" "$(FilePath)" （这里是在editplus里的使用，注意$(FilePath)必须是带路径的文件名）。当然sed不需依赖editplus，可以单独使用的。优点：删除重复内容后，顺序结构不变。缺点：不支持UTF-8，处理大文件时（2w多行）就不行了。

2.使用editplus-工具-排序，勾选"删除重复"。可惜不想把内容排序，却被自动排序了。（勾选"区分位置"，好像没用？），这个效率相当快～差不多是瞬间完成的，之所以没放弃editplus，确实它的优点有很多。

3.使用一个批处理

@echo off
:: 删除重复的行，但不能保留空行
:: 对不符合变量命名规则、变量个数超过限制的文本都无法正确处理
(echo 清除重复行后的文件内容：& echo.)>str_.txt
for /f "delims=" %%i in (testText.txt) do (
  if not defined %%i set %%i=A & echo %%i>>str_.txt)
:: start str_.txt


当然也不支持utf8，效率也比较慢，处理2w多行用了1分多钟，不过排序没有改变:)。

editplus删除多行注释：/*......*/的方法：
1、把全文中的“\n”全都替换成“┓”。
2、把“[<|/]/”替换成空。(删除注释里面的“</”、“//”类内容，注释里面带有"/"的话，第三步就查不到了)
3、把“/\*.[^/]*\*/”替换成空。(不加[^/]，就会波及到非注释内容)
4、把"┓"再替换成"\n"。

以上替换的时候都要勾上“正则表达式”。虽然步骤比较多，但是总算能实现替换多行了。
 

不要被各种新应用和新技术的海洋中迷失了自我
你这是 舍本逐末。
本就一个，而末太多了
http://www.cnblogs.com/lovecherry/archive/2007/10/28/940555.html
你看看末多不多
技术虽然一直在变，但是越是基础和越是抽象的技术变化越慢，越是偏向应用越是具体的技术变化越是快，从性价比上说，学习基础知识性价比更高。
《精通CSS》中有关hasLayout就两页，别人研究它两年。。。

快讲到哲学范畴了～嗯，产生共鸣了～

1、首先这里有一篇介绍，edtiplus使用SlikSVN来实现update、commit。当然前提也是要安装TortoiseSVN的。

2、发现了一个更好的介绍，是deitplus wiki里面的介绍的方法。

说明：方法1使用的SlikSVN是命令行端，方法2使用的TortoiseProc.exe是GUI端。

下面我把方法二的实现方法稍微翻译一下：

Subversion Commit

说明：用TortoiseSVN校检文件并提交文件到服务器（当然，前提是你安装了TortoiseSVN）
添加方法:编辑edtiplus 工具-用户工具-添加工具-程序
菜单文本：SVN Commit
命令: C:\Program Files\TortoiseSVN\bin\TortoiseProc.exe
参数: /command:commit /path:"$(FilePath)" /notempfile /closeonend:0
初始目录: $(FileDir) Check: "Capture output", "Save open files"
勾上"保存打开文件"。可以不勾"捕获输出"，根据个人喜好吧，我是没勾。

说明：TortoiseSVN 使用临时文件在 shell 扩展和主程序之间传递多个参数，（低于1.5.0版，必须增加/notempfile参数，如果不这样做，该命令将无法正常工作，/path指定的文件将被删除。）从 TortoiseSVN 1.5.0 开始，废弃/notempfile参数，不再需要增加此参数。

Subversion Update, Delete, Rename, Checkout etc

说明：SVN的更新、删除、重命名、校检等命令
方法：只需要把上面的"参数"里的：/command:commit 用下面的替换（例如：/command:about）

:about 显示关于对话框
:log 打开日志对话框
:checkout 打开检出对话框
:import 打开导入对话框
:update 将工作副本的/path更新到HEAD，如果给定参数/rev，就会弹出一个对话框询问用户需要更新到哪个修订版本。为了避免指定修订版本号/rev:1234的对话框，需要加上/nonrecursive和/ignoreexternals参数（这2个参数我没加，还没遇到上述问题）
:commit 打开提交对话框
:add 将/path的文件添加到版本控制
:revert 撤消一个文件自上次更新后的所有的变更
:cleanup 递归清理工作拷贝，删除未完成的工作拷贝锁定
:resolve 将/path指定文件的冲突标示为解决，如果加上/noquestion，将不会提示确认操作。
:repocreate 在/path创建一个版本库
:switch 切换至分枝/标记
:export 将/path的工作副本导出到另一个目录
:merge 打开合并对话框
:mergeall 打开合并所有对话框
:copy 复制工作副本至URL
:settings 打开设置对话框
:remove 从版本控制里移除/path中的文件
:rename 重命名/path的文件
:diff 启动TortoiseSVN设置的外置比较程序
:help 打开帮助文件
:relocate 打开重定位对话框
:help 打开帮助文件
:repobrowser 打开版本库浏览器对话框
:ignore 将/path中的对象加入到忽略列表，仅对文件夹有效。
:blame 打开文件的追溯对话框
:createpatch 创建/path下的补丁文件。
:revisiongraph 显示/path目录下的版本变化图。
:lock 锁定一个文件，可以输入锁定的原因。
:rebuildiconcache 重建windows的图标缓存，当系统图标缓存出了问题才需要这样做（会导致桌面的图标会重新排列）
:properties 显示 /path 给出的路径之属性对话框。


更多的命令看：tortoisesvn docs吧

我只用了update、commit、add、revert、rename、remove、export、lock、unlock、resolve、checkout、blame、merge，后面几个都是不太常用的了。

另外在editplus wiki，还发现了一个不错的东西：打开当前文件的文件夹（使用svn的话，这个功能就很实用了）。方法，在用户工具里添加-程序：
菜单文本：Current Location(当前文件的文件夹)
命令：%systemroot%\explorer.exe /e,/root,\local disk, 参数：$(FileDir)
初始目录：空着
勾上：退出时关闭窗口、保存打开文件

现在对.net还是不怎么喜欢。以前接触的都是php程序的模板，现在也接触到了.net的程序的模板制作，几个人用visualSVN，感觉很爽～不过.net里面，加ID就会被自动改名成xxx_ID，加class要写成CssClass，这点很让人讨厌。

演示可以见：http://www.fantxi.com/blog/demo/html/browser_detector.html

在css hacks方面，我觉得最好不要用!important来提升指定样式的优先权，我不喜欢这它，因为如果使用它的话，你可能会发现写出的css代码相对较多。当然也不是完全不用它，目的只是当我们加入hacks时，是否要考虑一下如何才能使css的代码更精简？顺便也应该想到，当我们写XHTML代码时，是否考虑某处用div合适，还是ul合适，或者是dl合适？当我们写javascript的时候呢，是否也可以使用最少的代码来实现某一效果？有些人只是写出了div、css代码就很自豪的说自己已经会div、css了，当我问他浏览器兼容和HTML标签语义化时，他却说不出。其实有很多地方值得我们去研究，上次帮公司做的网页，css和js代码基本都被我压缩的不能再压缩了，先手工压缩再机器压缩，很爽很爽:)， 不过他们说我变态～。其实这样网站的效率才能达到最高。

我的做法就是在做网页时，应该以firefox来作为参照，然后再在ie和其他浏览器下测试，这样写出的css代码可能会是最少的。还有就是善用display:inline来解决ie下margin加倍，善用clear:both，有时也可以这样：<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->，给IE单独做一个css。因为之前做的是门户级的网站，写了很多页面，从中也学到了很多新知识，一时想不起来了，有时间再整理出来。还有只要结构写的好,不需要hack大部分也都能兼容。能不用hack就不用。

前两天把fantxi的域名续费了，把fantxi.com的首页代码又重写了一遍。其实很有冲动做个sablog2.0的模板，不过这件事的优先级可能是最低的。。

最近面临一个选择，这个选择也许会对自己的人生产生重大影响，希望自己多用些心思在这方面。

最近粗略看了一些用户体验、网站运营方面的资料，受益不少，对那些作者表示感谢。

我下午刚捐的，能捐点的就捐点吧。大家都是中国人。。

另这里有韩日网民对中国地震的评论：1.新浪的，2.天涯的，有兴趣的可以看看。
我去证实了下：这个是日本yahoo的，这个是韩国naver的(只看评论可以点这里)。情况基本属实。。看不懂可以去Google翻译下。

当然，伟大的辩证唯物论告诉我们，要辩证地看待问题。自助者，天助之。

1、下载leopard.torrent（下面的压缩包内有提供下载），添加到BT下载，BT任务中只需选leopard-x86.rar这个文件。下载好leopard-x86.rar（2.51GB），解压出里面的leopard-x86-flat-img，如：解压到D:\leopard。注意：leopard-x86-flat-img 是16545MB，约16.1GB，请确保有足够空间。此版为ToH_x86_9A581_RC2（MacOS X 10.5 9a581），虽不是最新的10.5.2，但也足够用了。

2、用WINPM（压缩包内有）在逻辑分区创建一个20G左右的分区（总之要大于leopard-x86-flat-img的大小，并且不要格式化）。还有这个分区要在逻辑分区的第一个分区，比如：主分区为C，逻辑分区为D、E、F，新创建的分区要用WINPM移动到D盘的前面（这样做是为了防止出现tboot不能引导的情况，有些电脑不需移动也可以引导。还有人说还要把此分区设为主分区，我试过后用tboot不能引导，提示：“hfs not found”，而逻辑分区的则能正常引导，所以这里不需设置此分区为主分区。）然后，用WINPM把这个新创建的分区ID设置为“af”，方法：点右键-修改-更改分区ID，输入af。Ps：winpm可以删除、创建、移动、修改分区，自己摸索吧，很简单。如果winpm提示不能移动分区，那就把winpm移动到其他分区运行。

3、把dd --list.bat 和dd.exe 解压到D:\leopard（leopard-x86-flat-img的文件夹内），运行dd --list.bat ，仔细找会看到如下面的内容 ：

如果你在第2步创建的是20GB的分区，那么就是21474836480 bytes。（如果创建的不是整数分区，可以自己去计算：bytes/1024/1024/1024=GB，然后再对比一下你创建的分区的大小）。找到”size is 21474836480 bytes“这句上面的”\\?\Device\Harddisk0\Partition2“，复制这句。（Ps：Harddisk0\Partition2的意思就是第1硬盘第2分区，如果创建的分区在D盘前面那么基本就是Partition2了）。

4、把write.bat解压到D:\leopard，先不要运行，编辑write.bat，看到如下：

看里面的”\\?\Device\Harddisk0\Partition2“是否和你复制的一样，不一样就替换你复制好的那句并保存。运行write.bat，开始向目标分区写入数据，里面会显示写入数据的情况（命令窗口最后一行会有数字不断地变化），这时千万不要关闭，等大概30分钟左右，直到出现Press any key to contiue，再关闭。

5、双启动菜单，将压缩包中的tboot文件解压到C:\根目录下。在文件夹选项中，选择”显示所有文件和文件夹“，去掉”隐藏受保护的系统文件“前面的钩。会看到boot.ini，用记事本编辑，在最后添加一行C:\tboot="Mac OS X"，保存后即可重启系统。修改后的：

  重启后,用键盘上下键选择”Mac OS X“进入。

6、进入mac后，界面是英文的，还要设置用户名、密码那些，keyboard--选择U.S.，select time zone--选beijing-china，apple id --直接跳过，网络--一般选local network(Ethernet)，其他的基本都按默认点continue可以了。进入Mac的桌面后，还要安装中文语言包，可以到迅雷的狗狗里面去搜索”SimplifiedChinese.pkg“，下载23.1M那个（这个21.38M的貌似也可以，有兴趣的可以试试）。安装语言包后，会注销重新进入，在系统设置中，把简体中文拖到最上面，重新注销再登陆就是中文界面了。

7、其他：输入法可以装Fun Input Toy。

下载：leopard-x86.rar

整体感觉还不错吧，里面有很多按一定比例缩小的世界各地建筑景观，如：德国新天鹅城堡、日本皇宫、美国白宫、埃及金字塔、意大利圣三山教堂等等吧。其实我只对新天鹅城堡感兴趣，不过近距离看城堡显得比较破旧。。最搞笑的是日本的皇宫，旁边挨着一垃圾箱，皇宫的墙上还放着一把锄头。。

现在里面免费的项目好像有17个，排队等的人太多了（过山车那里排队的人是最多的），我只玩了5个就不想排了。里面也有卡丁车玩，好像是三圈20吧，记不清了。总之感觉还是物有所值的，下次准备海底世界转转。

从UED的角度而言，我们的天职是追求用户体验。我们应该尽力坚持自己应该坚持的东西。白鸦曾经说过，用户体验不只是UED的事情，而是整个开发团队乃至整个公司需要参与的事情。

我们不能只是抱怨，我们去理解开发人员。同样，我们做出努力，让开发人员去理解我们。

我们努力去先做出改变。（小马按语）

原文地址： 8 Web Design Mistakes That Developers Make

一个优秀的网站是优秀的设计和优秀的代码的结合，你经常发现设计师不得不去理解代码，而开发人员尝试自己去设计。 开发人员花费大学生涯和与其他开发人员一起学习，我可以肯定的说程序员并不是设计师。谢天谢地，我们以前可以评判代码是否重用或者符合正确的OO方法论，但却无法评判美学。 但现在，一个开发人员最值钱的资产就是他对设计的敏锐的理解。

现在据我所知，程序员可能从不需要任何设计的知识（或者说，设计师从不需要了解程序）。但事实是，每一个拥有个人项目、少量客户或是管理角色的程序员都需要设计。甚至，我可以说，显而易见，一个自由工作者最大优势就在于，培养潜在的客户让他们渴望理解整个网站的建构过程。所以一个人正在学习做一个开发人员的同时，也需要学设计（至少尝试去做），以下就是我曾经听说或者犯过的8个错误。

“我知道什么看起来很好（我有photoshop）”

这是成为差劲的设计师的原因之一。更无可救药的是本来就很差劲了，还以为自己很好。每个好的设计师都有一个度量好设计的“设计标准”，这个经验来自于自己经常看好的设计。你需要把时间花费在看伟大的设计上，诸如TheFWA, FaveUp, Design is Kinky, 和我个人喜欢的 Behance Network 这些网站。你可能也知道如何去挑选设计杂志，比如How或者print（注意两者并不都是美国的，可能更加国际化一些）。就像好的程序员喜欢看（或评论）其他人的代码一样，好的设计师也总是环顾他人的工作成果，无论是站点、广告牌还是菜单。没有一个好的“设计标准”，即使有大量的photoshop滤镜也拯救不了你。

“一再地使用蓝色和白色”

大多数程序员嘲笑一个设计师总是花费大量的时间来为站点挑选精确的颜色。但是，颜色总要比你想象中还重要，并且你不能在站点构建的时候来更改（至少，那时候就不得不花费大的气力）。象很多事物一样，观察一个好的设计师的配色方案是很有帮助的，寻找配色方案最好的一个站点是COLOURlovers.

“我把每样东西都居中”

大多数情况下，将标题、标语和副本的一部分居中很自然。但是通常，将网页上的文字居中就很外行了。左对齐是很保险的做法，但往往最好是视情况而定。更好地是，在photoshop中利用标尺和网格精确地计算你网站的各个部分。这并不意味着你的设计像格子一样，但是眼睛可以注意到理应被排成一行的几部分却没有这样排列的情况（特别是文本）。每个像素都很重要。

“使用免费的字体…它对于我来说看起来不错”

我曾有一段时间这样想：（a）所有的衬线字看起来都一样（b）没有任何字体值得付钱。我现在把这两条都废除了，去继续学习更多的字体知识，那是一个复杂而美丽的世界。坦诚地讲，如果有一个领域我能成为专家，我希望是字体。你可以只用一点颜色和不错的字体来建立伟大的站点（这只是任何伟大设计的基础）。再次申明，在字体方面要做得更好，需要你多阅读好的站点培养你的眼睛。

“我们可以在那里放置更多的信息”

在拥有程序员和设计师的团队里工作，两者间一个普遍的争论是“空间的利用”，程序员想在页面明显的位置放置尽可能多的信息。设计师争论道，眼睛不可能承受如此多的东西，最好只是在明显的位置只放置logo和标语。尝试去找到最佳的平衡，需要知道（a）杂乱的网站可能没有效果（b）留白不是懒惰的设计师在倒退 （c）被称作“空”的部分是很必要的，以便突出其它元素。

“我可不想为照片付钱”

槽糕的图片或照片可以毁灭一个合理的网站，同时经过简单处理的伟大图片可以看起来很好。在网页上那么多的资源，没有理由使用差劲的图片。对于非营利站点而言，可以查看stock.xchng 或 Flickr。对于商业的站点，有许许多多的站点，比如iStockPhoto（但是需要了解版权的知识，因为不久后，你可能在其他站点上看到同样的照片了）。最后不要为在诸如Veer这样的站点上找到完美的照片而花费大笔的钱吓坏了。

“我无需询问意见”

更多地询问而不是闭门造车，你会成为你们设计师的最大粉丝（尽管你戴着一副玫瑰色的眼镜）。你需要询问你认识的设计师，以便得到坦诚的评价。不幸的是，我知道大多数被我问过的人，都只是赞誉而非批评。所以让你的自尊滚一边去吧，戴上“知识”这顶帽子。因为这些人是设计师而你不是。然后在你得到了他们的反馈之后，尊重他们、信任他们，并做一些改变。

“无需得到太多细节”

就像你很一般的代码需要等待提高（虽然仍能执行），你也有一些还说的过去的设计，但是离伟大差得远呢。看伟大的设计很容易这样想“这看起来没什么嘛”，但是事实上，伟大的设计花费了很多的时间（特别是对设计的新手）。但是有这些伟大的设计，你只是看到了最终的产品，并不知道设计者期间经历了多少次编辑和修改。甚至，你可能会惊讶于一条分割线会为设计带来多大的不同。当你把所有元素刚放在一起的时候，别以为设计做“完”了。

总而言之，伟大的设计（就像伟大的代码）很耗时间、耐心和技巧——因此，应该得到适当的尊重。尽管作为程序员（或者是内容编辑还是其他的web员工），你可能从不需要设计整个一个站点，但我有一种感觉，或多或少，你不得不做一点设计。如果可能的话，你尽量不要犯以上的错误……

文章来源: http://ued.taobao.com/blog/2008/02/01/8-web-design-mistakes-that-developers-make/

1. <script type="text/javascript">    
2. <!--    
3. var l=document.getElementById("left").scrollHeight;   
4. var r=document.getElementById("right").scrollHeight   
5. if (r>l)   
6. {   
7. document.getElementById("left").style.height=document.getElementById("right").scrollHeight+"px";   
8.   
9. }   
10. else  
11. {   
12. document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px";   
13. }   
14. -->    
15. </script>   

网上的div等高方法大致有五种，这个算是其中一种的完善，无论left或是right高时，都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时，也可以通过在+"px"; 前面加上加减乘除来达到满意的效果，例,可写成：+5+"px"。

解决就是把下面的内容另存为：wsh.inf，右键-install(安装) 就可以了。

想要邀请的就留下你的百度ID吧，我发出邀请后，登录百度点击-我的消息-系统消息，之后就可以看到邀请的链接了。