`

div chrome下有居中,而IE下无居中

    博客分类:
  • html
阅读更多

请添加dtd声明,也就是:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


也可以是html5版本:

  1. <!doctype html>


如果不添加这段,ie没有找到合适的解析标准就会以默认的ie5.5的方式来解析页面,在ie5.5里边,css写margin:0 auto是不管用的,盒模型的宽高计算也是错误的。

 

分享到:
评论

相关推荐

    chrome居中但ie不居中的解决方法

    CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络...

    JQUERY图片自动垂直居中水平居中-支持IE678910/chrome/firefox/opera

    明锋工作室整理常用资料。本次资料是一个自动居中插件,只要设定div长度和高度,其中的图片会自动铺满容器并且自动居中。...并且该自动居中插件支持IE6、IE7、IE8、IE9、IE10、CHROME、FIREFOX、OPERA。

    完全纯css实现div自适应居中兼容IE7 Chrome FireFox

    在本篇内容中,介绍了如何使用纯CSS技术实现div元素在网页中的自适应居中布局,同时确保兼容性可以覆盖至较旧的浏览器版本,如IE7、Chrome和Firefox。此处的自适应居中,指div能够在其父容器内水平及垂直方向上都...

    css实现div水平、垂直居中兼容chrome、ie8

    要实现一个DIV元素在网页中水平和垂直居中,可以使用不同的CSS方法。这些方法的兼容性决定了它们能够适用于哪些浏览器版本。在上述文件中,给出了几种不同的实现方式,其中一些兼容现代浏览器如Chrome,同时也兼容较...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    Firefox通过设置`div`的`margin-left`和`margin-right`为`auto`实现水平居中,而Internet Explorer(IE)需要结合`body`的`text-align`和`div`的`margin: auto`来实现相同效果。 3. **盒模型差异**: Firefox和...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx

    让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中,让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则,导致了同一份CSS代码在不同的浏览器中...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.docx

    以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`&lt;!DOCTYPE html&gt;`,这有助于使浏览器以标准模式...

    div+css_兼容ie6_ie7_ie8_ie9和FireFox_Chrome等浏览器方法

    本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...

    ie下margin不居中的三种解决方法

    为了解决IE下margin不居中的问题,文章提供了三种方法: 1. 对网页主体`&lt;body&gt;`声明文本居中 在HTML文档中,我们可以通过给`&lt;body&gt;`标签添加`text-align: center;`属性,来让其中的所有内容默认居中。这是因为`text...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 ...

    div垂直居中

    而 "工具" 可能指的是开发者可能使用的浏览器开发者工具,例如Chrome DevTools,它们可以帮助调试和调整CSS布局。 压缩包中的文件 "纯CSS菜单.htm" 和 "纯CSS特意选项卡.htm" 提供了实际的HTML和CSS代码示例,可能...

Global site tag (gtag.js) - Google Analytics