`

div在FF中可以居中在IE8中居中不了 css margin:0px auto;

    博客分类：
  • css
ie css 兼容问题 
阅读更多 
问题 ：chrome和firefox中看都没有问题，在IE8中就居中不了啦，css代码很简单
<html> 
<head> 
<title>div居中</title> 
<style type="text/css"> 
<!-- 
.juzhong {margin:0px auto; width:800px; height:200px; border:1px solid #ccc;} 
--> 
</style> 
</head> 
<body> 
<div class="juzhong">just have a test</div> 
</body> 
</html>

答案：
在html代码最上面加上这句声明：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

">
这样，IE才能正确解析！
分享到：
| log各种级别
评论
发表评论

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

相关推荐

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

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

    为什么div css网页在FF浏览器中不能水平居中呢.docx

    2. **通过`margin:0 auto`**：对于块级元素，特别是具有固定宽度的`div`，可以将其`margin`设置为自动，这样元素会自动在父容器中水平居中。例如： ```css .main { margin: 0 auto; width: 500px; height: 200...

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

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

    一个图片居中的CSS示例，兼容IE6,7,8和FF，opera,safari

    这个示例提供的是一种跨浏览器的解决方案，旨在确保图片在IE6、IE7、IE8以及Firefox、Opera、Safari等主流浏览器中都能实现居中对齐。我们将深入探讨这个CSS示例中的关键技术点。 首先，我们来讨论如何实现图片水平...

    CSS样式表下FF与IE的区别

    而在IE中，直接设置`div`的`margin: auto`即可居中。 3. `padding`与尺寸： Firefox在应用`padding`后会增加`div`的高度和宽度，而IE不会。为了解决这个问题，可以在Firefox中使用`!important`来强制设置`height`...

    DIV+CSS 兼容性 IE FF

    ### DIV+CSS 兼容性 IE FF：深入探讨浏览器间的差异与共通点 #### 一、引言 随着Web技术的发展，DIV+CSS布局已成为网页设计中的主流方式。然而，在实际开发过程中，不同的浏览器（如Internet Explorer 6/7/8、Fire...

    div+css常见兼容性问题

    2. 垂直居中可以用`line-height`和`vertical-align: middle`，水平居中可使用`margin: 0 auto`。 3. 为`a`标签设置`display: block`可以使内容块化，便于应用样式。 4. IE6中，浮动的`div`的`margin`可能会加倍，这...

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

    - Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`居中，但IE不行。此时，可以给`body`设置`text-align: center`，然后让需要居中的`div`内部设置`margin: auto`。 3. **盒模型差异**： - FF中...

    (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.docx

    - Firefox通过`margin: auto`和`text-align: center`实现水平居中，而IE需要配合`display: block`和`float: left`。 - 垂直居中可以通过`vertical-align: middle`结合行高`line-height`来实现，但需控制内容不换行...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer（IE6、IE7、IE8、IE9）之间的CSS差异。以下是一些关键知识点的详细说明： 1. **CSS Hack**： - CSS Hack...

    软件工程师 面试题 DIV+CSS_必考题

    在Firefox中，嵌套div的居中可以通过设置子div的`margin: 0 auto;`实现，例如： ```css #b { margin: 0 auto; } ``` 这样，子div `b` 将在父div `a` 内部水平居中。 掌握这些DIV+CSS的面试知识点，可以帮助...

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

    正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。 如下代码: 复制代码代码如下:&lt;style type=”text/css”&gt;#con{...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    然而，不同浏览器对CSS的支持程度并不完全一致，尤其是在IE6、IE7和Firefox（FF）之间，存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先，对于CSS兼容性问题，一种常见的解决方案是...

    浏览器兼容性CSS,IE6,IE7,FF

    2. 垂直居中可以通过设置`line-height`和`vertical-align: middle`实现，水平居中可以使用`margin: 0 auto;`。 3. 为使a标签内的内容应用样式，需要设置`display: block;`。 4. FF和IE对盒模型的理解不同，可能导致2...

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

    - FF通过设置`margin-left: auto`和`margin-right: auto`使div居中，而IE可能需要结合`text-align: center`。 - 对于垂直居中，可以使用`vertical-align: middle;line-height: 200px;`配合内联元素来实现，但这种...

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中，浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中，如何让网站同时兼容Internet Explorer 6（简称IE6）、Internet ...

    IE与FF的CSS兼容问题大集合

    **解决方案**：可以在子`div`上显式设置`margin-left`和`margin-right`为具体的值，或者尝试使用`text-align: center;`等属性来达到预期效果。 #### 4. FF与IE中的`padding`、`height`和`width`处理差异 **问题...

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