DIV+CSS样式在IE6.0浏览器中常见问题的解决方法
div+css样式如今已经飞入了各大网站设计行业。对于新手来说虽然已经把样式标签与样式代码熟记于心，但是编辑出来的网站与预先设计还有一段差距。尤其是涉及到不同的浏览器时，在编写时必须对各个浏览器的显示效果进行测试。由于ie6.0在出现时，css样式还只是初级发展阶段，有很多功能与效果实现与后面的浏览器有所不同。故在div+css样式编写时要着重解决相关问题。
div中的div居中1、解决ie6.0当中网页居中的问题
为了网页可以更加美观适应性强，一般网站在制作网页时，会让整体网页居中对齐。以前在使用表格布局的时候，要让一个网站居中对齐是非常简单的。只需要设置表格居中对齐就可以实现效果。使用div+css样式其实原理是类似的，只是方法不同。比如：
#top{width：900；margin：0 auto；}
网站制作完成后，在各种不同浏览器当中使用，会发现ie6.0依然是左对齐，无法实现居中对齐。在这句代码中是利用auto来现实居中对齐的，意思是左边与右边宽度随意。在ie7.0及其
以后的版本当中，会对左右宽度随意进行平均分配。也就是说如果你的网页宽度为900像素，浏览器宽度为1100像素，那么浏览器会自动算出两边宽度分别为150。这样就可以现实居中对齐的效果。但是在ie6.0当中对auto却无法解析。对于这个问题，可以借用text-align来解决。对上述代码修改后如下：
#top{width：900；margin：0 auto；text-align：center；}
2、使用float浮动容器后ie6.0不适应问题
为了方便div+css样式代码可以适用于各种浏览器，一般在代码编写时会使用float浮动容器。比如：
# left {float：left；width：240；}
设置完成后，在ie7.0与火狐等浏览器中两个页面展示出来的效果基本上相差不大。但在ie6.0中使用浮动容器后会在右侧多出2-3像素左右的高度。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。