`
Max_1106
  • 浏览: 22168 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类

IE中margin:auto失效问题

阅读更多
   margin:auto在非IE内核的浏览器(例如火狐)中工作正常,在IE中却失效了。原因是不小心把下面一句给删掉了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
分享到:
评论

相关推荐

    在IE下,当margin:0 auto;无法使得块级元素水平居中时

    本文将深入探讨在Internet Explorer(IE)浏览器中,为何`margin: 0 auto;`在某些情况下无法使块级元素水平居中,并提供解决方案。 首先,`margin: 0 auto;`这个CSS声明通常用于使具有固定宽度的块级元素在容器内...

    IE6,IE7浏览器下 margin 无效的解决方法

    其中,一个常见的问题是`margin`在这些老版本的IE浏览器下可能会失效,导致布局出现异常。这个问题主要出现在那些没有开启`haslayout`特性的元素上。 `haslayout`是Internet Explorer特有的渲染模式,它决定了一个...

    div使用margin:0px auto不居中的原因分析及解决

    解决这个问题的一种方法是在`&lt;body&gt;` 标签内设置`text-align: center`,这会使整个页面内容居中,然后通过设置子元素的`margin: 0 auto` 来使其在父元素中居中。 另一种解决方案是添加文档类型声明(DOCTYPE),如`...

    IE6/7/8/9中table元素align=center权重比margin:0大的实例说明

    在网页布局设计中,浏览器兼容性问题一直是开发者面临的一大挑战,尤其是对于老版本的Internet Explorer(IE),如IE6、IE7、IE8和IE9。这个问题体现在一个具体的现象上,即`&lt;table&gt;`元素的`align`属性与CSS中的`...

    IE6/IE7下绝对定位position:absolute和margin的冲突问题解决

    在IE6和IE7浏览器中,存在一个与CSS布局相关的特殊问题,特别是在处理绝对定位(position:absolute)元素和其相邻元素的margin时。这个问题是由于这些老版本的Internet Explorer对CSS标准实现的不完善导致的。本文将...

    css浏览器兼容问题

    对于某些元素,`line-height`可能在IE6-7中失效,需要结合具体元素属性进行调整或寻找替代方案。 以上只是一部分常见的CSS兼容性问题及其解决方法,实际开发中可能遇到更多复杂情况,需要根据具体需求和浏览器特性...

    ie特有bug文档

    - **问题描述**:在IE6至IE8中,使用`margin: 0 auto;`无法使块级元素水平居中。 - **解决方案**:为块级元素显式指定一个`width`值来实现居中效果。 ##### 17. **First-Line、First-Letter伪类问题** - **问题...

    ie的常见兼容问题

    然而,在IE6和IE7中,这种方法可能会失效。解决方法是在`.clearfix`类中加入额外的样式: ```css .clearfix { zoom: 1; /* For IE6/7 */ } ``` 通过这种方式,可以有效地解决IE中的浮动清除问题。 综上所述,IE...

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

    其次,`margin`加倍问题主要出现在IE6中,当元素设置了`float`属性时,其margin会被错误地加倍。解决办法是在该元素上添加`display:inline`,这可以使IE6正确解析margin值。 浮动元素产生的双倍距离问题也是IE6的一...

    前端处理浏览器兼容问题

    #### 十五、IE6-7`line-height`失效的问题 **问题**:在IE6-7中,当`&lt;img&gt;`标签与文字放在同一行时,`line-height`可能不起作用。 **解决方法**:将元素设置为浮动。 ```css img, p { float: left; } ``` #### ...

    最全的CSS浏览器兼容问题

    IE6/7中存在一个问题,即设置了`float`的div在IE下的`margin`会加倍。解决方法如下: ```html ... ``` ```css #IamFloat { float: left; margin: 5px; display: inline; /* IE6/7 下再次理解为5px */ } ``` #...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    要使子div在Firefox中水平居中,可以给子div设置`margin: 0 auto;`,这将在所有主流浏览器中有效。 以上这些问题和解决方案都是网站美工在使用DIV+CSS进行页面布局时可能遇到的实际问题,理解并掌握这些技巧对于...

    浏览器兼容问题

    **解释**:通过将元素设置为浮动可以解决 IE6-7 中 `line-height` 失效的问题。 #### 十六、td 自动换行的问题 **问题描述**:当表格的宽度固定时,`td` 内容会自动换行。 **解决方案**:设置 `table` 的 `word-...

    css兼容问题

    **问题描述**:设置了`float`属性的元素,在IE浏览器中其`margin`值会被加倍。 **解决方案**: 1. **display:inline 方法**:通过设置`display: inline`,可以修正IE下的`margin`加倍问题。 - **HTML**: ```html...

    ie6、ie7下overflow失效的有效解决方法

    但在IE6和IE7这两个旧版本的浏览器中,当父元素设置了overflow: hidden属性,并且子元素应用了position: relative或position: absolute定位属性时,就会出现overflow属性失效的情况,即无法隐藏溢出的子元素内容。...

    浏览器的兼容

    10. **margin加倍问题**:在IE6及更高版本中,设置了`float`的元素的`margin`会加倍。解决方案是在该元素上应用`display: inline`。 11. **容器宽度和高度的调整**:在平行布局中,容器宽度易受内部`float`元素影响...

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

    在CSS中,当一个块级元素的`margin-left`和`margin-right`都设置为`auto`时,浏览器会自动计算并分配两侧的外边距,使得元素在容器中居中。因此,添加以下CSS样式可以实现在Firefox和IE中均能居中的效果: ```css ...

    CSS在不同浏览器的兼容性问题

    3. **浮动元素的`margin`问题**:在IE6中,浮动元素(如`float:left`或`float:right`)的水平`margin`可能比预期的大。解决方法是在浮动元素样式中添加`display:inline;`,将其转换为行内元素。 4. **高度限制**:...

Global site tag (gtag.js) - Google Analytics