下图为psd文件的内容。



完成后的页面：Firefox



完成后的页面：IE 6，最难的就是IE 6中的Bug。过程中在Firefox下测试，完成后用 IE 6 打开后，只能用一个词来形容：面目全非！



完成后的页面：IE 7，和Firefox 差得不是很多。



W3C 的 Valid 肯定是少不了的，必需的。

 

XHTML 1.0 Strict 的验证。



总结：

1. 清理。当浮动某个元素之后，发现不在其父元素的区域里，父元素不再包含被浮动的元素。
    因为浮动元素不再占用普通流的空间。
2. WIN/IE的框模型。在IE 6的怪导模式中，width 和 height ＝内容+padding+border。
    解决方法是不在容器加padding，而是在子元素添加margin。
3. select元素。psd内容当中，两个select，样式与页面与效果一致。
    上网一搜，select的向下箭头无论如何都不能修改样式。现在只知道只有用js和css模拟。
4. 耐心。处理浏览器间的兼容性是个很头疼的工作，会很打击信心。一定要有耐心。
5. 使用较标准的浏览器作开发。如果使用IE 6来做为开发过程中测试浏览器，
    就会以为不正确的样式是标准样式。
6. 不要急于写CSS。观察页面上有相同的样式首先把它们集中到一起写。遵行从一般到特殊的规律。
7. 出错的时候，首先查看自己是不是输入有错误，不要马上就以为是浏览器的错。
8. 以上只是个人看法，仅供参考。

下载MANSTORE中所有的资源： http://www.myblueberry.net/manstore/manstore.rar