对于制作模板的人来说IETester是一个好工具。大家伙可以试试啦。对于多浏览器的Hack请参考针对firefox ie6 ie7的css样式的Hack。
官方信息
IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. New in v0.2.1 : Improved stability and multi-lingual interface !
This is an alpha release, so feel free to post comments/bugs on the IETester forum or contact me directly. Minimum requirement : Windows Vista or Windows XP with IE7 (Windows XP with IE6 has some minor problems and IE7/IE8 instances do not work under this config)
官方信息
IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. New in v0.2.1 : Improved stability and multi-lingual interface !
This is an alpha release, so feel free to post comments/bugs on the IETester forum or contact me directly. Minimum requirement : Windows Vista or Windows XP with IE7 (Windows XP with IE6 has some minor problems and IE7/IE8 instances do not work under this config)
学点规范
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contrib...
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contrib...
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/
今天在blogbus上看到了一个好看的三栏模板，什么时候有空把他转到Bo-blog上，不过得先研究一下
。
。引用
如果您打开这个模板的 elements.php ，您就会发现，三栏的实现原理很简单。那就是（1）先自定义出“最新日志”这个项目，即该文件中的 $elements['sideblock_entries'] 。顺便一提，如果elements.php没有对某个侧边栏项目的定义，则所有侧边栏项目都会采用默认的定义（即 $elements['sideblock']），而一旦有了针对某个侧边项目的定义，那么在输出这个侧边栏项目时就会采用这个定义。比如，如果您要使“链接”的样式与其它侧边栏项目与众不同，可以自定义 $elements['sideblock_links'] 的代码。命名的方式是 “sideblock_”+项目名。系统自带项目的项目名可以在后台侧边栏的模块配置中找到。（2）在自定义的entries项目的html代码里，先结束掉默认的侧边栏所在的div（sidebar），并开始一个新的div（sidebar2）。这样，在entries项目之后所有的项目都会出现在sidebar2这个div里。（3）在css中，分别设定sidebar和sidebar2的浮动关系，并使用 #sidebar和#sidebar2有针对性地设定这两个侧栏的样式表。
用上了IE7发现CSS兼容性有问题，于是找到这篇文章。
引用
现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。
现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。
