日期:2014-05-16  浏览次数:20900 次

文字在IE7和IE8显示不正常,哪位大哥帮个忙看看!!
IE7下显示不正常:http://img.my.csdn.net/uploads/201404/18/1397832476_1593.jpg

IE8下显示正常:http://img.my.csdn.net/uploads/201404/18/1397832477_4530.jpg


代码如下:
                 
<body>
<div style="width:466px; height:214px; font-size:12px; " >
     <img class="lyPic1" src=""  style="width:150px; height:103px;float:right;margin-left:10px;margin-bottom:0px;clear:left;" />
        <div class="lyDiv1" style="width:318px; height:103px; float:right;margin-top:8px;clear:right;">
        <img class="lyPic2" src="img/changmen.jpg" style="width:150px; height:103px;float:right;margin-left:8px;" />
        <img class="lyPic3" src="img/changmen.jpg" style="width:150px; height:103px; float:right;"  />
        </div>
        <h3 style='color:#305d5b;padding-bottom:2px;line-height:20px'>中中中中中国国国国国中中中中中国国国国国</h3>
        <p style="line-height:20px;padding-left:3px;text-indent:2em; color:#305d5b;">国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国国中中中中中国国国国</p>
                                </div>
</body>


------解决方案--------------------
由于靠某些元素浮动,而另外一些块级元素靠挤上来而产生的效果,兼容问题还是挺多的,而且 低版本的IE渲染也不一致,可能做到真正意义上的兼容,此种方式着实行不同,也许可以可虑尽可能的兼容,如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body,h3,p{margin:0;font-size:14px;}
img{border:none; vertical-align:top; display:inline;}
</style>
<script type="text/javascript" src="http://festatic.aliapp.com/js/jquery/1.11.0/jquery.min.js"></script>
<script>
</script>
</head>

<body>
<body>
<div style="width:466px; height:214px; font-size:12px; " >
     <img class="lyPic1" src=""  style="width:150px; height:103px;float:right;margin-left:10px;margin-bottom:0px;clear:left;" />
        <div class="lyDiv1" style="width:318px; height:103px; float:right;padding-top:8px;clear:right;">
        <img class="lyPic2" src="img/changmen.jpg" style="width:150px; height:103px;float:right;margin-left:8px;" />
        <img class="lyPic3" src="img/changmen.jpg" style="width:150px; height:103px; float:right;"  />
        </div>
        <h3 style='color:#305d5b;padding-bottom:2px;line-height:20px'>