`

让IE的Div居中

 
阅读更多
同样的页面,在火狐、chrome下div是居中的,在IE下就不行,后来找到解决方案,

页面默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档.
问题并不在CSS而在XHTML网页本身.
需要加上这样的代码才能使得上述设置有效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html
分享到:
评论

相关推荐

    垂直居中显示ie7+

    本话题主要探讨如何在IE7及以上的浏览器中实现元素的垂直居中效果。 在IE7+中实现垂直居中,我们可以采用多种方法,每种方法都有其适用场景和优缺点。以下是一些常见的技术: 1. **CSS Table布局**: - 设置父...

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    div垂直居中屏幕

    div垂直居中屏幕的方法,兼容IE6 7 8 Firefox

    CSS网页布局DIV水平居中的各种方法

    在IE6及更低版本中,可以通过设置`body`的`text-align`属性为`center`,使所有内部元素居中。然后,为需要居中的特定元素设置`text-align: left`,并使用`margin: 0 auto`来实现水平居中。如下所示: ```css body...

    CSS解决未知高度的DIV垂直居中

    ### CSS解决未知高度的DIV垂直居中 #### 知识点概述 在Web开发中,实现元素的垂直居中是一项常见的需求。对于已知高度的元素来说,这相对容易实现。但对于那些高度未知或者动态变化的元素,尤其是嵌套在另一个未知...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    首先,让我们解决IE6中的div最小高度问题。在IE6中,当尝试设置一个较小的高度(如3px)时,div的实际高度可能不会按照预期显示。这是因为IE6默认会考虑div内部的字体大小(font-size),即使内容为空。这种情况下,...

    div中子div在firefox ie 水平居中对齐

    在本例中,我们讨论的是如何使一个内嵌的`&lt;div&gt;`元素在它的父`&lt;div&gt;`中水平居中对齐,同时兼容Firefox和Internet Explorer(IE)浏览器。这个问题涉及到CSS的布局特性,主要包括`text-align`属性和自动外边距(`...

    div错位解决IE6IE7IE8样式不兼容问题

    ### div错位解决IE6/IE7/IE8样式不兼容问题 在Web开发中,兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中,如Internet Explorer 6(IE6)、IE7 和 IE8,由于这些浏览器对于CSS的支持存在较大差异...

    CSS中让DIV居中的代码

    在CSS布局中,让一个`DIV`元素居中对齐是一项常见的需求。通常情况下,`DIV`元素不会自动居中,需要通过一些技巧来实现。本文将详细讲解几种常见的CSS方法来让`DIV`居中,并探讨与浏览器兼容性相关的问题。 首先,...

    css中position:fixed实现div居中上下左右居中

    在CSS布局技术中,使DIV元素在浏览器窗口中上下左右居中是一个常见的需求。通过使用CSS的定位属性,我们可以通过多种方法来实现这一效果。本篇文章主要探讨了如何利用CSS属性position:fixed来实现DIV的绝对居中。 ...

    div+css布局限制图片最大宽度图片水平垂直居中兼容IE6

    总结起来,要实现“div+css布局限制图片最大宽度图片水平垂直居中兼容IE6”,我们需要结合使用`max-width`属性限制图片宽度,通过`text-align`和内联块级元素实现水平居中,以及利用`vertical-align`和负`margin`...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    但在IE6、7中,若要让内容在div内垂直居中,除了设置`vertical-align:middle`,还需要将`line-height`设置为与div相同的高度。这种方法需要注意内容不应换行,否则可能导致对齐失效。 其次,`margin`加倍问题主要...

    div不定宽高的水平和垂直居中

    综上所述,针对“div不定宽高的水平和垂直居中”以及兼容IE67的需求,我们可以选择使用CSS传统方法(如绝对定位)或者结合JavaScript来实现。考虑到不同的浏览器兼容性和场景适应性,应根据实际项目需求来选择最合适...

    firefox与ie css+div兼容大全

    2. **居中对齐**:Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中,但IE可能需要将`text-align`设置为`center`,或者对`div`设置`margin: auto`。 3. **填充(Padding)与尺寸**:Fire...

    DIV未知高度的垂直居中代码.rar

    标题中的“DIV未知高度的垂直居中代码”指的是在网页设计中如何使一个具有未知高度的&lt;div&gt;元素在页面上实现垂直居中的技术。在Web开发中,这是一项常见的需求,尤其是在响应式设计中,当内容高度不确定时,仍然希望...

    css控制div中元素居中的示例.pdf

    DIV 居中之 div 水平居中 让 DIV 布局居中 如何让 DIV 居中呢?如何让 DIV 盒子水平居中呢?本节 DIVCSS5 让大家实现 DIV 布局水平居中。 一、display: inline-block 使用 display: inline-block 属性可以使 DIV ...

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

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

    CSS中怎么让DIV居中亲自实验得出的结论

    在CSS布局中,让一个`&lt;div&gt;`元素居中是一个常见的需求。在本文中,我们将深入探讨如何在不同浏览器环境下,特别是针对Firefox和Internet Explorer(IE),实现`&lt;div&gt;`的水平居中和垂直居中。 首先,让我们关注水平...

Global site tag (gtag.js) - Google Analytics