PJBlog皮肤『奥运风采』

清明放假这几天忙着做这套皮肤『奥运风采』，这套皮肤是由轻草飞扬提供的源图，我来设计的，以前也想设计一款奥运的风格皮肤，可是由于这个那个的原因一直没有去实施。

这套皮肤是取材于 第29届奥林匹克运动会网站 ，在设计的过程中加入了个人的因素，这套皮肤设计了2个版本，只是第二个版本由于在兼容性方面出现了问题，想了好多方法都没有能解决，所以就用这个版本。现在看到的版本在设计过程中也出现过问题，就是侧边栏的位置在不同的浏览器下会有点偏移，最后只能保证IE6下看到最正常的样子。这个当然不行了，虽然现在用IE6的最多，但是我自己就是用IE7的啊。

放假回家之后就开始重写，侧边栏位置在各个浏览器下正常之后，背景图片又出现右移，看着很不舒服，我有看了对背景图片的定义，

width:980px;margin:0 auto;text-align:center;background:url(body.jpg) repeat-y center;

我自己觉得没有问题，可是在浏览下就出现右移的问题了，当我试着把

background:url(body.jpg) repeat-y center

中的 center 删去之后，页面就恢复了正常。还是有点想不通！

经过不断的测试，终于实现了IE6、IE7、FireFox、Opera、Maxthon、Safari 等浏览器不出现错位的现象，页面都显示正常了，等有时间了我还是想把第二个版本修改好，我也觉得 轻草飞扬 那个想法不错！

第二套设计方案

2008.04.26 更新：

第二套方案的大体雏形已经完成了，兼容了IE6、IE7、Maxthon，但是FireFox出现的问题不小，还没有想到解决方案！

2008.04.29 更新：

今天晚上，解决的FireFox下导航错位的情况，同时也解决了Opera和Safari的问题。这样皮肤就相当完美了，这要感谢我的同学——胖子，感谢他的帮助！

查看第二套PJBlog皮肤『北京奥运』详情