解决在用HTML+DIV+CSS编写网页时,各个浏览器的兼容问题

一、解决层居中的问题

一般我们在浏览网页的时候,都会看到不同浏览器打开的同一个页面会出现不一样的布局问题。其实这是每一个初学HTML的程序员长碰见的问题。

那么给怎么解决中浏览器不兼容的问题呢?

首先,我们一般再用DIV+CSS编程时,一般会用margin:0 auto;的属性进行设置,来保证层是居中浏览器显示的,可是就我测试来看,IE浏览器是不支持这种标签的,火狐和谷歌的都是支持的。(PS:其他360和搜狗大致都是基于这三个内核设置的)要解决这个问题其实很简单,就需要改一下我们的HTML头部信息的设置,使我们编写的代码符合W3C定义的规范,这样就轻松解决了。代码如下:

   

XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
http://www.w3.org/1999/xhtml”>


二、解决IE浏览器中超链接图片有边框的问题

解决完居中问题后,也许还是会出现IE浏览器显示的页面和其他浏览器显示不一致的情况。原因就出在超链接图片边框的问题上。解决的方法很easy,就是在标签中的属性border设置为0px,代码如下:

你可能感兴趣的:(浏览器,css,html,布局)