网页前端制作主要调节ie6bug，个人经验可以看一下
方法/步骤
1
给一个元素设定了浮动属性，最好给他设定宽高的值，否则有可能发生浮动错位。
2
ie6块级元素高度小于19px的时候需要写font-size=1px等解决，ie6不支持块级元素高度太小，会默认调大。
3
ie6块级元素里边很多a链接 ，如果出现莫名其妙的多了几个文字，而且文字还选不中，只要给a链接加相对定位一般就解决了
4
有的img这个标签在ie下需要应用display=block；这个属性
5
轮播图ie6 里边a里边img的的宽度的和和总宽度相同，ie会把最后一张图放到第二行，解决办法把总宽度设大一点；
6
双左边剧：用padding或者相对定位解决或者display：inline解决
7
ie6内部盒模型超出父级时，父级被撑大 解决方法：父标签使用overflow:hidden 或者父级相对定位，子级绝对定位
9
ie6img于块元素中，底边多出空白 解决方法：父级设置overflow: hidden; 或 img { display: block; } 或 _margin: -5px;
10
在IE6中，一些隐藏的元素（如注释、display:none;的元素）被包含在一个浮动元素里，就有可能引发文本重复bug。解决办法：给浮动元素添加display:inline;。
11
IE下z-index的bug 在IE浏览器中，定位元素的z-index层级是相对于各自的父级容器，所以会导致z-index出现错误的表现。解决方法是给其父级元素定义 父级还得有定位属性z-index，有些情况下还需要定义
方法/步骤2
确信你的页面在火狐下没问题的话，在ie6下一定可以调成功，前几个页面调好的话以后就都不是问题了，最好把京东这样的页面调兼容性，这样可以快速增长自己的能力。