`

div在IE和火狐中居中处理

IEFirefoxXHTMLCSS浏览器 
阅读更多

#mainBody{
        width: 960px;
        margin-left:auto;
        margin-right:auto;
}

IE中必须在body里面加上"text-align:center "!

 

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
DIV在IE和FF中的居中处理
</title>

<style type="text/css" rel="stylesheet">

body{
margin:0px;
}

#main{
margin:auto;
width:600px;
height:100%;
background-color:#cccccc;
}
</style>


</head>
<body>
<div id="main">
	  DIV在IE和FF中的居中处理
</div>
</body>
</html>
 
分享到：
| 浅谈自己对关键词推广的一点感受
评论
2 楼 gundumw100 2010-03-10  
这是水平居中吧，垂直居中呢？
1 楼 powerclark 2009-12-21  
测试的时候一定注意在多个浏览器中测试，很多时候IE和firefox对同样的页面解释存在差异！
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    让IE和火狐同时兼容

    特别是在早期的Web时代，Internet Explorer（简称IE）与Mozilla Firefox（简称火狐）这两款浏览器之间存在着显著的差异，这使得页面设计师不得不花费大量时间去解决它们之间的兼容性问题。本文将详细介绍如何使网站...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    2. **居中对齐**：Firefox中，设置`div`的`margin-left`和`margin-right`为`auto`即可实现居中，但IE6和IE7需要通过设置`body`的`text-align`为`center`，然后让`div`的`margin`自动调整。 3. **高度和宽度的适应**...

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

    1. **IE6的盒模型问题**：IE6在处理CSS盒模型时存在bug，导致元素的宽度计算出现问题。 2. **IE7的浮动元素错位**：在IE7中，当元素设置为`float`时，可能会出现与其他元素错位的现象。 3. **IE8的渲染模式选择**：...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中，CSS（层叠样式表）的兼容性问题常常困扰着开发者，尤其是在处理IE（Internet Explorer）和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧，帮助开发者解决常见的CSS兼容...

    div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法

    以上所述只是部分解决`div+css`在IE6-9和Firefox兼容性问题的方法，实际开发中可能还需要针对具体情况进行调整。不断学习和实践，才能更好地掌握兼容性问题的解决技巧。阅读提供的资料如"十年积累)div+css 完全兼容...

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

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

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

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

    css+div 在IE中兼容

    在设置`div`元素的`margin-left`和`margin-right`为`auto`时，Firefox和IE的表现不一致，IE可能需要额外的定位或尺寸计算来达到预期的居中效果。 ### 13. Body 文本对齐 在Firefox中，当`body`元素的`text-align`...

    firefox与ie css+div兼容大全

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

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

    - **IE vs Firefox**: 在Firefox中，可以通过设置`margin-left`和`margin-right`为`auto`实现元素居中，而IE浏览器则不支持这种方法。解决方法是在所有浏览器中使用`margin: auto`实现居中。 - **文本居中**: 设置`...

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

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

    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方法.pdf

    然而，不同的浏览器对CSS的支持程度和解析方式存在差异，特别是老版本的Internet Explorer（如IE6、IE7、IE8）与Firefox等现代浏览器。以下是对这些浏览器中CSS兼容性问题的详细解释和解决方案。 1. **高度兼容性**...

    ie和火狐浏览器兼容问题

    2. **FF: div设置margin-left, margin-right为auto时居中，IE不行**：在Firefox中，只需要设置`margin: auto`即可使元素居中，但在IE中，通常需要配合`text-align: center`来实现相同效果。 3. **FF: body设置text-...

    让CSS兼容IE和Firefox的技巧集合

    1. **div的垂直居中问题**：在IE和Firefox中，可以通过设置`line-height`与div的高度相同，并结合`vertical-align: middle;`实现垂直居中。但这种方法不适用于多行文本。 2. **margin加倍问题**：在IE6中，设置为...

Magicbox
Global site tag (gtag.js) - Google Analytics