改模板遇到的一个大问题就是firefox跟ie下浏览不一致。以前也发过一篇抱怨新的firefox3会把目前的模板下日历弄乱。
而且就这个问题我百思不得其解，因为我有见到别人用的模板不存在这个问题，就是说css是可以改到一致的。可是我怎么也弄不出来，而且发现当初跟程序一起的default模板就有这个问题了。也难怪大多f2blog模板都有此问题。

今天仔细对比，发现在global.css里面有这么一句：

*{padding:0;margin:0}

就是这么简单一句，轻易解决了我的头疼难题！而且一下解决了2个，一石二鸟。
看来对于这两个标签不同的浏览器会有不同的默认值。于是直接先全部归为0，轻易的解决很多潜在问题。

很多事情，就是如此简单。。。

在编写CSS代码的过程中，我们可以用简化的写法，这样提高效率。更重要的是在读别人写的代码的时候能明白到底什么意思。呵呵，今天又去爬了一篇网文，觉得很是收益。
以margin为例

margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;

代码简化为：

margin:1px

margin-top:1px;
margin-right:2px;
margin-bottom:1px;
margin-left:2px;

代码简化为：

margin:1px 2px

margin-top:1px;
margin-r

[Read All]

今天天气放晴了，估计气温要一路飙升了，小小畏惧一下～
今天上网发现了篇十分有用的文章：区别不同浏览器，CSS hack写法，根据上面提供的方法，即可实现css在ie6,ie7,以及firefox下的区别处理。原来一个小小的*也有如此妙用，呵呵。
然后就去对自己blog的两个模板进行加工，细节的美化。现在都做到显示的一致了，小小得意一下，呵呵。

关于这个标签网上有很多的文章，随意google一下就找到。大体上都说是可以作为一个区别处理ie跟firefox的句法。具体说来，如果在某个css里面定义了一个标签，比如 {padding:5px!important;} 那么ie跟ff无区别，但是如果在后面再次定义变成这样：{padding:5px!important;padding:10px; }这样就实现了在不同浏览器下不同的效果 ，具体讲就是firefox取5px,而ie取10px。

这个并不难理解，但问题是微软的新作ie7似乎在这一点上与firefox达成了共识。所以ie7与firefox无此区别。
所以需要强调一下，上面的那段情况只针对ie6.
所以没有了这种区别，制作风格模板的时候如果想达到在ff跟ie7下完全一致是相当困难的，几乎不太可能。是不是有其他的手法现在还不知道。。而作为普通的用户，ie一般是主要选择，所以这个!important优先级的手法可以用来保证ie6和ie7的一致性。汗，难道这也是微软巩固其产品地位的一个手段？？

今天把f2的cleargreen模板再次调整，达成了ie6跟ie7下的一致（原来的显示在ie6下有些错位）。这样一来，基本是个不错的模板了，实现了3个主流浏览器的显示一致。汗，居然一直没有注意到ie6跟ie7也会有所不一致。。。也就是目前blog的默认模板，大家可以帮助测试一下。