左右两div在ie6下错位,求帮忙!

zxjzdlsaly 2011-09-05 11:25:19
具体页面显示效果可以看看:http://www.huuyaa.cn/login/cg_gys.asp。到底什么问题,弄了一个星期未解决!求各位高手帮忙。

asp页面:
<div class="main3">

<div class="main_left">
<div class="qiye">
<div class="biaoti3">活动介绍<a name="qiyeft" id="qiyeft"></a></div>
<div class="more"><a href="http://www.huuyaa.cn/index.html" class="STYLE1">[更多]</a> </div>
<div class="more_sj"><img src="images/more.jpg" style=" margin-top:7px;" /></div>
</div>
<div class="content2">随着。。。。。</div>

</div>

<div class="v_main_right">

<div class="v_main_right_m" >
<ul ><li>... </li></ul>
</div><!-- 这是v_main_right_m的结束标签-->

<div class="v_main_right_b" align="right" >
</div>


</div><!-- 这是v_main_right的结束标签-->
</div>

</div><!-- 这是main3的结束标签-->


css页面:

.main_left {
width:250px;
float:left;
margin-top:20px;

}
.content2 {
width:230px;
float:left;
margin:10px 10px;
font-size: 12px;

text-indent: 30px;
line-height:20px;

}
.qiye{
width:235px;
height:35px;
float:left;
margin-left:5px;
background:url(../images/qiye_bg.jpg) repeat-x;
}
.biaoti3{
line-height:40px;
font-size:20px;
font-weight:bold;
color:602F02;
text-indent: 20px;
float:left;
width:130px; height:35px; background:url(../images/biaoti3_bg.jpg) repeat-x;
overflow:hidden;
}


.more{ width:42px;
float:left;
margin-right:15px;
line-height:35px; height:35px; font-size:12px; margin:0 0;
display:inline;

}

.more_sj{
float:right;
width:16px;
height:18px;
line-height:35px;
margin-top:10px;
background-position: center;
display:inline;
}
.main3 {
width:905px;
margin:0 auto;
margin-bottom:20px;
}

.v_main_right {
float:right;
width:650px;
margin-top:15px;
overflow:hidden;
}
.v_main_right_m{

width:650px; height:650px;
margin:0 auto;

}
.v_main_right_m ul { float:left;
list-style: none;
margin: 0 0 0 10px; padding:0 0;


}
.v_main_right_m ul li {
float: left;
text-align: center;
width: 140px;
margin:15px 0 0px 10px;
background-color:#FBEFC6;
}

.v_main_right_m li span{
padding-left:8px;


}
.v_main_right_b{

width:620px; height:60px;
margin-right:20px;

}
...全文
238 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
arjsyy 2011-09-23
  • 打赏
  • 举报
回复
你这个是左右的宽度没有定义好吧,修改宽度。
如果实在不行,把右边的float:left;clear:right;这样就行了。
luwenhui1123 2011-09-22
  • 打赏
  • 举报
回复
css加一个overflow:hidden;试试。
q510473863 2011-09-21
  • 打赏
  • 举报
回复
.v_main_right {
float:right;
width:650px;
margin-top:15px;
overflow:hidden;
clear:right;
}
还有最后一个</div>去掉,之后加这段代码就OK了
arvat 2011-09-20
  • 打赏
  • 举报
回复
问题一样,还没解决
MuBeiBei 2011-09-07
  • 打赏
  • 举报
回复
<style>
*{margin:0; padding:0;}
.main_left {
width:250px;
float:left;
margin-top:20px;

}
.content2 {
width:230px;
float:left;
margin:10px 10px;
font-size: 12px;

text-indent: 30px;
line-height:20px;
display:inline;

}
.qiye{
width:235px;
height:35px;
float:left;
margin-left:5px;
display:inline;
background:url(../images/qiye_bg.jpg) repeat-x;
}
.biaoti3{
line-height:40px;
font-size:20px;
font-weight:bold;
color:602F02;
text-indent: 20px;
float:left;
width:130px; height:35px; background:url(../images/biaoti3_bg.jpg) repeat-x;
overflow:hidden;
}


.more{ width:42px;
float:left;
margin-right:15px;
line-height:35px; height:35px; font-size:12px; margin:0 0;
display:inline;

}

.more_sj{
float:right;
width:16px;
height:18px;
line-height:35px;
margin-top:10px;
background-position: center;
display:inline;
}
.main3 {
width:905px;
margin:0 auto;
margin-bottom:20px;
}

.v_main_right {
float:right;
width:650px;
margin-top:15px;
overflow:hidden;
}
.v_main_right_m{

width:650px; height:650px;
margin:0 auto;

}
.v_main_right_m ul { float:left;
list-style: none;
margin: 0 0 0 10px; padding:0 0;


}
.v_main_right_m ul li {
float: left;
text-align: center;
width: 140px;
margin:15px 0 0px 10px;
display:inline;
background-color:#FBEFC6;
}

.v_main_right_m li span{
padding-left:8px;


}
.v_main_right_b{

width:620px; height:60px;
margin-right:20px;

}
</style>
Somnus133 2011-09-07
  • 打赏
  • 举报
回复
把那个样式加个划红线的样式就可以了啊
那个是兼容ie6的
Somnus133 2011-09-07
  • 打赏
  • 举报
回复
.v_main_right {
float:right;
width:650px;
_width:630px;margin-top:15px;
overflow:hidden;
}

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧