RT
打击太大了！盒子模型完全错了。。肿麽办？？
应该是那个clearfix的问题，IE不支持吧？！
这是之前在IE下的效果图：
顶部导航条menu的背景图片没有了，而且被下面的content紧追在尾巴后面，再后面的sidebar被挤到页面尾巴上去了。
试着仿照paragon重新布局，一点效果都没。
在几经周折终于在网上到到一段神奇的代码。修复了这个BUG。
在menu里面的ul里加上overflow:auto;
IE效果OK了。但是，在Chrome里看，menu最右边出现了滚动条= =!! 蛋又碎了一地。
overflow还有是属性呢？改成overflow:hidden;，成功！
完全偷paragon的样式，Google Chrome的审查元素功能太好用了。。
comments.php里死活找不到样式在哪改的？搜了下
这个函数，才找到WordPress官方codex说明里的用法。原来样式是在function.php里面，果断改掉了。
You will need to define your custom callback function in your theme's functions.php file. Here is an example:
上一篇/下一篇中的圆角方块效果
只加了style.css，header，index，footer。其他的是扒别人的，还没做细致修改。
桂林山水的顶部背景，整体灰黑马赛克背景，主内容和side的分割背景，每篇文章的背景。
而且每篇文章都是用列表<li>来表示的而不是<div>
文章内容里的<li>标签还要重新定义一下。
发现box的宽度问题有了一个很好的解决办法。
IE的宽度是包括了margin,broder,padding的，这是公认的一个BUG，但这也不是没有好处，好处就是定下一个宽度后，不论margin,broder,padding的属性怎么变，整个的宽度不会变，变的只是最里面的内容的宽度。
现在的新一代浏览器都会正常显示了，但在设定一个宽度后，如果padding增加，那总宽度就增大了，不得不再调整这个宽度。解决方法就是：再套一个DIV，然后设这个DIV的padding。比如用.section。
整个网站都可以用这种方法实现15px的padding效果，15px是个很舒服的值。
在仿制Paragon的风格时确实遇到这个问题。
以#main定义主内容页面的背景图片。高度根据#container和#sidebar-second的高度自适应。
方法一：
一个神奇的class,在名为clearfix层的最下方产生一个高度为0的空格。IE8暂不支持。
IE则需要手动加代码
方法二：
要实现自适应高度，div层必须具有float属性，float:left的话，div就跑到页面最左边去了，这好办，我在它的外面再套一层div，把位置定好，那么里面的就算float:left也不会被 移动位置了。
最外层#mainfather: margin:0 auto;
内层#main: background: red;float:left;
相比较来说，这个方法更简单和稳定。
代码测试：http://www.blueidea.com/tech/web/2006/3210.asp
参考来源：http://www.syscy.com/articleview/2009-3-22/article_view_707.htm
http://www.w3schools.com/cssref/default.asp
包含各属性的介绍和演示
http://www.findmebyip.com/litmus
CSS3.0在各个浏览器中的支持情况
http://www.css3.info/
http://www.css3-html5.com/
badst says: good post!! on: 2012-01-31 12:54:26