百适居网站制作遇到困难及解决方法
制作主页时在代码上遇到的困难与解决方法:
1、制作导航时,导航交互文字出现跳动,文字与响应色块不对齐
解决方法:导航交互色块不用padding撑开,直接在a里用height和line-height撑开,而且使用定位在相应的位置
2、整体布局在ie6下不兼容
解决方法:主页上的盒子不用定位,直接用外边距和内边距解决
3、布局中的more在ie6下位置错乱
解决方法:more前面的图标直接使用背景插入的方法,然后用span标签使其与图标同行
4、在ie6下banner图与导航相隔了一些距离
解决方法:在banner样式里图片样式中加一句display:inline-block;ie6下的问题就解决了
其他各分页在代码上遇到的困难:
1、测导航的响应
解决方法:利用学过的导航响应运用到分页中
2、图片上显示文字不整齐
解决方法:运用绝对定位
3、IE6产生的双倍距离
解决方法:在有float:left的情况下将使用右外边距(margin-right)
4、分页栏目中遇到的栏目需要链接到新页面的问题,不能在本页面中链接,需要做一个新的页面,分页栏目的链接问题
解决方法:新做了一个页面,在超链接里做新的链接
5、导航色块的响应问题,在js的效果中很多导航的css与之冲突,需要删除一部分代码使之相互融合
解决方法:对应了导航响应代码与js里有冲突的代码,删除部分有冲突的代码,并不能影响js的效果
6、左侧栏目导航与文章列表之间使用太多定位导致版权的距离在IE6下出错
解决方法:适当的删减一些定位,将左侧栏目导航定位,并将文章列表离导航的距离写成负数
7、在IE6下除a:hover以外的hover全无效
解决方法:加载csshover.htc文档