零基础学做网站培训介绍

当前位置:

网站建设中怎么解决网站浏览器不兼容?

做网站的人最大的苦恼是自己做的网站在不同的浏览器呈现的界面不一样,在火狐浏览器打开特别正常,但在IE浏览器打开却出现错位。如下图:

网站错位

这主要是由于我们自己建网站时没有使用网站浏览器兼容测试软件–IETester进行兼容性测试,导致不同浏览器对于HTML代码的处理能力不一样造成了。

为了让每一个用户使用不同浏览器能正常打我们自己做的网站,防止网站的浏览器不兼容,就需要我们将每个浏览器之间规范一下,我们可以通过网站的CSS样式添加一段规范化代码,这样就可以让我们的网站在各个浏览器下正常显示了,彻底解决网站的浏览器不兼容问题。

防止网站浏览器不兼容的CSS代码(将下面的代码放在CSS文件的顶部):

/* 重置浏览器样式 */

html{color:#666;background:#F4F4F4;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body,button,input,select,textarea{font-family:'Helvetica Neue',Helvetica,Arial,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;}
em,i{font-style:normal;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 img{border-width:0;vertical-align:middle;}
a{cursor:pointer}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;}
.cGray{color:#333;}.cCcc{color:#ccc;}.f14px{font-size:14px;}.cRed{color: #c33;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-bottom: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}
.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}
.mlr5{margin:0 5px;}
pre {background-color: #F1EDED; padding: 5px; border: 1px solid #FF9;}
/* 浮动与清除 */
.fleft{float:left;}.fright{float:right;}.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}.clearfix{*zoom:1;}

将以上代码复制粘贴到自己网站的CSS样式的特别上面即可。另外我们在写HTML代码时,也可规范,可以先学习一下学做网站论坛的html视频教程

相关知识:网站出现IE浏览器不兼容的解决方法汇总

相关阅读:

如何调整网站IE6、IE7浏览器不兼容

网站浏览器兼容测试工具IETester

网站出现IE浏览器不兼容的解决方法汇总

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 作者: 936174604Email: 936174604@qq.com详细内容:低价网站建设,承接企业,博客,淘宝站的建设与仿站业务。价格从优。Q:936174604联系我
  • 什么是友情链接交易平台网站友情链接是网站SEO优化中,经常用到的站外优化方法之一。通过交换友情链接可以提升双方网站的权重。(相关问题:怎么做
  • 很多新手对于做网站和做网页搞的不是很清楚,经常把它们混为一谈。以建站基础课程中我们讲到了网站制作与网页设计的区别,除了我们讲的这些区别以外,
  • 80端口被占用解决方法 图文教程 (117026 次浏览)
    在安装和使用本地环境时,有时会出现80端口被占用了,而迅雷等下载软件恰恰就是占用了80端口,关掉就行了。但有时迅雷等都没有开也启动不了,那就是别
  • 近期,有的学建网站学员问过这样一个问题,就是在网站后台修改了WordPress地址Url导致网站后台无法登录,并且网站也无法打开了,出现这样的问题,应该
  • 特别近有学员问我wordpress安装的时候,出现cannot modify header information – headers already sent by (……)的错误,开始以为是版本问题,于是换了
  • 软件介绍在我们做网站的过程中,希望自己做的的网站,别人在用不同浏览器浏览的时候,都不会错位,或者不显示。这就需要我们在做网站之前,对我们的
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 插件介绍自己做网站时,如果想在网页上显示文章的浏览量,除了免插件实现文章浏览数之外,就是安装一个wordpress浏览量插件WP-PostViews。这个插件
  • 有些同学在自己制作网站时,出现网站在火狐浏览器、谷歌浏览器显示正常,但在IE6、IE7浏览器却出现移位,错乱的现象,这就是由于网站对IE6、IE7浏览器
  • IETester软件的安装教程在做网站时常常会遇到这样的情况,同一个网站在火狐浏览器下打开都正常,但在IE浏览器下却是错位的。这就是由于我们自己做网