文字在IE7跟IE8显示不正常，哪位大哥帮个忙看看！-HTML教程-爱易网页

文字在IE7跟IE8显示不正常，哪位大哥帮个忙看看！

日期：2014-05-16　浏览次数：20881 次

文字在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'>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

文字在IE7跟IE8显示不正常，哪位大哥帮个忙看看！

相关资料更多>

推荐阅读更多>