今天在移置iNove的时候，遇到部分CSS在IE6中无效，百思不得其解，折腾了好久终于找到原因。

我用Win2003+IE7，一般我都是先在IE7和Firefox里调试，实时处理差异，因为它们两个的差异最大嘛，话说我把HTML和CSS都整理好了，在IE7、Firefox、Opera、Chrome中都能很好地表现，然后准备到IE6里看看。

应用iNove时，大部分样式都很正确，就右边的 文章分类 死活不排为两列，并且图标为默认的圆点，我本来设置的是文件夹图标；还有就是 评论发表 完全没有应用样式表，但除此之外的样式应用得很好。

改啊改，调啊调，没戏。Google一下，百度一下，没答案。

但我不用 <link rel="Stylesheet" type="text/css" href="/Themes/iNove/Theme.css" /> ，而是把CSS文件的内容全写到页面 <style>...</style> 中，嘿，正常了。郁闷吧。

最后找到部分CSS在IE6中无效的原因是CSS注释： /* 评论发表 */ 这几个字，删除了，或改成英文，用 link CSS 在IE6中也正常了， 文章分类 也是如此。

阅读全文…

学习笔记 CSS，IE6，原因

WEB设计，就是要以最简洁的HTML来实现想要的效果，实际工作中也逐步收集一些常用的CSS小技巧，分享给大家，也集中在这里供自己查阅。

1、网页背景图片居中

<style>
<!--
body {
 background-color:#eee;
 background-image:url(bg.jpg);
 background-repeat:repeat-y;
 background-position:top center;
 background-attachment:fixed;
}
body { background:#eee url(bg.jpg) repeat-y top center fixed; }
-->
</style>

阅读全文…

学习笔记 CSS，技巧

一般来讲，我们都使用12px作为网站的主体字体大小。10px太小，眼睛很容易疲劳，14px虽容易看清，却破坏页面的美感。唯独12px在审美和视力方面都恰到好处(懒得设计)。

但有一个问题，在IE浏览器，我们无法通过“查看”菜单里的调整“文字大小”选项来缩放页面文字的大小。

在国内，目前大部分网站都采用了px作为字体大小单位，包括新浪、网易、搜狐以及业内知名的蓝色理想、站长站等。但是像MSN，Google等网站，在IE里却是可调的。

原因是什么呢？

1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是大部分的中国网民使用IE浏览器(或内核)。

阅读全文…

技术新知 em，px，CSS

网易滑动门技术是我看到比较早的Tab选项卡运用，它不仅简化了页面排版，也增强了页面的效果和用户体验。

这儿收集了几十个Ajax+CSS实现的切换效果。包括使用纯CSS和以AJAX结合CSS实现的，做网站时是不错的参考资料，内容参考了帕兰映像的部分收集。

自动切换的Tab选项卡效果

1) Easy Tabs 1.2 with autochange - 你可以设置成自动切换模式。

2) Rotating jQuery tabs - 这个自动切换的效果非常酷，在切换的时候文字可以产生淡入淡出效果。

3) Slideshow Tab Content Script - 这个选项卡菜单支持幻灯片的自动播放模式。

Tab滑动门菜单

阅读全文…

资源分享 Tab，选项卡，滑动门，CSS，Ajax

CSS+DIV布局区别于HTML网页设计语言中的表格（table）定位方式，在XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：

1. 检查HTML元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否正确

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

3. 确定错误发生的位置

如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

阅读全文…

技术新知 DIV，CSS

先来个杀手锏:

解决IE6、IE7、Firefox兼容最简单的CSS Hack

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}

阅读全文…

技术新知 IE，FF，CSS