Question

CSS的IE6、7与火狐的兼容性问题

设计了左右2边框架，由于兼容性问题IE9以下的IE678都有问题，右边整个框架以及内容偏向了左边框架，一共有6个子页用了那个CSS，只有一个子页正常，另外火狐，IE9一切正常。 下列为CSS代码：
#body {
height: 1600px;
width: 480px;
background-color: #FFFFFF;
float:left
}

#body #body1 {
height: 400px;
width: 480px;
}

#body #body2 {
height: 400px;
width: 480px;
background-color:#77FF00;
}

#body #body3 {
height: 400px;
width: 480px;
}

#body #body4 {
height: 400px;
width: 480px;
background-color:#77FF00;
}

#rightside {
background-color: #FFFFFF;
height: 1600px;
width: 480px;
float:right;
}

#rightside #rightside1 {
height: 400px;
width: 480px;
}

#rightside #rightside2 {
height: 400px;
width: 480px;
background-color:#77FF00
}

#rightside #rightside3 {
height: 400px;
width: 480px;
}

#rightside #rightside4 {
height: 400px;
width: 480px;
background-color:#77FF00
}
需要如何修正，令IE6、IE7、火狐共存
<div id="body">
<div id="body1">
<h1></h1>
<p> </p>
</div>
<div id="body2">
<img src="" align="left" width="250" height="300 alt=""/>
<li></li>
<p></p>
</div>
<div id="body3">
<img src="" align="left" width="250" height="300 alt=""/>
<h1></h1>
<p></p>
</div>
<div id="body4">
<img src="" align="left" width="250" height="300 alt=" "/>
<li></li>
<p></p>
</div>
</div>

rightside和这个一样

Answer 1

没太明白你的意思，还有图片的高那块少了一个双引号。<img src="" align="left" width="250" height="300 ←这个地方少了一个“"” alt=" "/>
你能截图一下页面的正常显示形式和错误的显示形式么

Answer 2

　　您好！很高兴为您答疑！

　　火狐下您可以安装Firebug检查页面代码，错误部分会有提示。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

你好:

$(function() { 
    if($.browser.msie) { 
        alert("this is msie"); 
    } 
    else if($.browser.safari){ 
        alert("this is safari!"); 
    } 
    else if($.browser.mozilla){ 
        alert("this is mozilla!"); 
    } else if($.browser.opera) { 
        alert("this is opera"); 
    } else { 
        alert("i don't konw!"); 
    } 
}

希望可以帮助到你

Answer 4

html代码也贴一下吧

追问

已经贴出来帮忙看看