网页出现布局错位现象,怎么解决

作者:动易网络 来源:本站原创 点击数: 发布时间:2008年03月27日

 问题:在IE6浏览器下出现这个问题,在IE7浏览器地却正常,该怎么处理

 

解决:这是因为div占用的宽度设置问题,可以在风格里进行调整。

请检查 SkinDefaultdefault.css 文件,找到以下代码:

#main_left /* 网页中部左侧整体定义 */
{
    float: left;
    width: 210px;
}
#main_right /* 网页中部右侧整体定义1 */
{
    float: right;
    width: 100%;
    margin-left: -210px;
    text-align: left;
}

这里的width: 210px;与margin-left: -210px;要一般要设置为相等的象素,或者设置 margin-left: -209px; 小于左侧的宽度值,否则在IE6下就会出现上面的问题,通过改成-210px后保存即可。