对于制作模板的人来说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，他们都互不干扰。
2.20061010:今天又修改了一下，IE下显示正常，但在FireFox下很难看，今天提供的下载只适应IE，只供解馋．FireFox是趋势，稍后推出．
下载：http://www.bmforum.com/bmb...
1.首先下载你需要修改的模板的CSS文件styles.css
2.用Frontpage或Dreamweaver或其他编辑器打开styles.css
3.复制下列代码
4.任务完成．
2.用Frontpage或Dreamweaver或其他编辑器打开styles.css
3.复制下列代码
.panel-content li.indent{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}/*2级分类缩进*/
.panel-content ul ul li{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}/*链接分类缩进*/
到styles.css的最后padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}/*2级分类缩进*/
.panel-content ul ul li{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}/*链接分类缩进*/
4.任务完成．
