UC知道DIV+CSS的不同版本的IE显示出现问题
来源：百度知道 编辑：UC知道 时间：2024/09/24 00:42:21
我采用DIV+CSS设计网页时出现以下的问题
有两个DIV的标签都在同一行
它们都在名为MAIN的DIV标签中
<DIV ID="MAIN">
<DIV ID="LEFT"></DIV>
<DIV ID="RIGHT"></DIV>
</DIV>
但却发生两个标签各占一行
它们的CSS如下设置
#Main { width: 850px; padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF; }
#Main_Left { float: left; width: 190px; margin-left: 4px; }
#Main_Right { float: left; width: 646px; margin-left: 4px; margin-right: 4px; }
这种情况在我自己的电脑上设计和测试时都没问题，可能是因为我的XP系统都是最新的缘故吧
我的系统是Windows XP SP3 IIS 5.1 IE 7.0
我把程序上传到虚拟主机上用自己的电脑来浏览时也没什么问题都很正常
当我用其它机器浏览时候就出现上述的情况，而他们的IE是6.0的
我想是不是IE版本的关系，请各位路过的高手帮帮我，在这里我先说声谢谢了
不好意思啊有个地方写错了
<div id="main">
<div id="main_left"></div>
<div id="main_right"></div>
</div>
代码写错了
udbtfqahn - 经理 五级 的方法我试了
main_right是可以移到右边了
但不与main_left在同一行
有两个DIV的标签都在同一行
它们都在名为MAIN的DIV标签中
<DIV ID="MAIN">
<DIV ID="LEFT"></DIV>
<DIV ID="RIGHT"></DIV>
</DIV>
但却发生两个标签各占一行
它们的CSS如下设置
#Main { width: 850px; padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF; }
#Main_Left { float: left; width: 190px; margin-left: 4px; }
#Main_Right { float: left; width: 646px; margin-left: 4px; margin-right: 4px; }
这种情况在我自己的电脑上设计和测试时都没问题，可能是因为我的XP系统都是最新的缘故吧
我的系统是Windows XP SP3 IIS 5.1 IE 7.0
我把程序上传到虚拟主机上用自己的电脑来浏览时也没什么问题都很正常
当我用其它机器浏览时候就出现上述的情况，而他们的IE是6.0的
我想是不是IE版本的关系，请各位路过的高手帮帮我，在这里我先说声谢谢了
不好意思啊有个地方写错了
<div id="main">
<div id="main_left"></div>
<div id="main_right"></div>
</div>
代码写错了
udbtfqahn - 经理 五级 的方法我试了
main_right是可以移到右边了
但不与main_left在同一行
把这个
#Main_Left 改成 #Main Left
#Main_Right 改成 #Main Right
#Main_Right { float: left; width: 646px; margin-left: 4px; margin-right: 4px; }
中的
float: left;
改成 float: right;右边浮动，不改也是可以的，但这样右侧的内容会右对齐的
你的#Main { width: 850px; 为850px,
而left是190px;，right是646px,再加上，margin-left: 4px; margin-right: 4px和left 的margin-left: 4px;宽度为190 + 646 + 4 + 4 + 4 =748
小于总宽度，应该不会有问题的