咨询
客服1 
万词霸屏
我们做好网站之后，希望自己的网站在不同浏览器下显示都是正常的，但往往会出现在某些浏览器下显示正常，有些浏览器却出现网站版面错位的情况。如下图红框区域所示，左右两个灰色边框上下没有对齐。
网站版面错位的原因
对于一些IE老版浏览器，如IE6、IE7，对于网站样式文件CSS中的样式代码识别与新版浏览器有很多不同。例如CSS中margin属性，低版本的IE浏览器会显示双倍于我们设置的值，这样就很容易出现版面错位。
网站的兼容性CSS样式没有写好，导致在不同浏览器下，网站显示的样式不一样，产生错位。
网站版面错位解决方法
如果网站只是在低版本IE浏览器下错位，其它浏览器显示正常。说明我们的网站代码是没有问题的，是浏览器的原因造成的。解决这个问题，只能对IE低版本浏览单独写样式。如：{margin-left:5px;_margin-left:2px}，在属性前面加个“_”。
如果网站在新版浏览器也出现错位，就要检查一下CSS中浏览器重置代码是否写好。以下是浏览器兼容代码，可以尝试使用在个人网站中，并观察浏览效果。
/* 重置浏览器样式 */
*{margin:0;padding:0;}
html {color: #555;background: #F4F4F4;}
body, button, input, select, textarea {font-family:"Microsoft Yahei",arial,Verdana,sans-serif";font-size: 14px;line-height: 1.7;word-wrap: break-word;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
ul, ol{list-style: none;}
table {border-collapse: collapse;border: 0;padding: 0;margin: 0;}
img {border: 0;vertical-align: middle;}
a {cursor: pointer; text-decoration:none;}
a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {color: #568ABE;text-decoration: underline;}
a:active {color: #568ABE;text-decoration: none;}
em, i {font-style: normal;font-weight: normal;}
pre{white-space: normal;font-family: inherit;}
内容声明:
您正在浏览的黄浦网络分享：网站版面错位怎么解决这篇文章由黄浦网络小编发表于帮助中心 栏目下，如果未写明转载，均为原创或者网络热文由于转载过多而无法找到原出处，当前浏览9894次。如有侵权，请联系小编。转载请注明来源http://www.hpit.net/newshp/125.html上一篇：到底做一个什么样的网站才算是好网站？
下一篇：营销型网站与展示性网站的区别分析
猜您还想看:
|
夏氏春秋环境有限公司优化介绍 今天，我们来分享一下夏氏春秋环境有限公司（简称夏氏春秋）企业网站优化案例介绍。涉及到环保行业的朋友们应该知道， |
城市分站CMS使用介绍 城市分站cms怎么样？哪家城市分站系统源码好？黄浦网络针对全国性业务的企业，推出快速排名的城市分站系统，今天我们就 |
|
网站优化案例 欣兰中国-洁面仪-洗脸仪 好久不更新案例了，最近一直在忙着布局新的产品，维护客户。今天给大家带来的案例是女性美容行业的一个客户，交给我们 |
老域名新网站 快速权重提升至1 引言：黄浦网络在网站优化方面，已经有着数十年的的优化经验，快速提升权重，是优化不可缺少的手段，也是我们经验长时 |
|
整站优化案例-全新网站14天出排名 引言：黄浦网络自2019年起，开启全新的整站优化业务，此业务为纯人工优化。安全、稳定。我们将对客户所在行业及市场竞 |
黄浦网络网站优化案例霸屏关键词排名首页 引言：内页如何做好排名？目录页怎么做好排名优化？黄浦网络通过对自己的霸屏业务进行了测试，对于内页排名和目录页的 |
