`

html 页面居中 IE Firefox

    博客分类:
  • css
阅读更多

#everything {
    width: 800px;
    margin: 0 auto;
    padding: 20px 10px;
}

 

这个是可以让页面居中的 但开始的时候只有firefox居中了 IE6 8都没有居中

 

后来发现问题出在   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

换成下面的IE就可以居中了

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

 

 

 

图片  居中 

 

 

.wallpapers {
  1. width100;
  2. text-aligncenter;
}


<div class="wallpapers">
                            <span><img src="xxx.jpg" /></span>
                        </div>

 

分享到:
评论

相关推荐

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

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE6.0、IE7.0与Firefox等不同浏览器之间的差异。以下是一些解决这些浏览器间CSS兼容问题的方法: 1. **DOCTYPE声明**:DOCTYPE声明会...

    IE与Firefox的CSS兼容大全

    在网页设计中,CSS(层叠样式表)的兼容性是一个关键问题,特别是对于历史悠久的Internet Explorer(IE)和相对现代的Firefox浏览器。由于这两者对CSS标准的解析方式不同,开发者经常面临兼容性挑战。以下是一些针对...

    HTML之三种居中

    上述CSS代码适用于现代浏览器(如Internet Explorer 7及以上版本、Firefox、Opera等),它会将div元素在其容器中水平居中。需要注意的是,这种方法要求该div元素必须有一个明确的宽度。 **IE6及更低版本浏览器实现...

    css解决IE6,IE7,firefox兼容性问题.

    通过以上介绍的方法和技术,网页设计师可以有效地解决 IE6、IE7 以及 Firefox 之间的兼容性问题。虽然现代浏览器已经广泛采用了标准的 CSS 规范,但对于需要支持旧版浏览器的项目而言,了解这些技巧仍然是十分必要的...

    firefox与ie css+div兼容大全

    在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...

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

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

    在网页中居中的若干种方法(至少6种,已经标明了对应浏览器,希望对你有用哦~)

    "相对居中(所有浏览器都居中).html" 提供了一个兼容所有浏览器的居中方案,"IE居中方法.html" 专注于IE浏览器的居中技巧,最后的 "在火狐浏览器中表格会居中显示.html" 显示了如何在Firefox中实现表格的居中。...

    IE与Firefox的CSS兼容问题

    ### IE与Firefox的CSS兼容问题:web2.0经验总结 在Web开发中,确保不同浏览器之间的CSS兼容性是一项挑战性的任务,尤其是在处理Internet Explorer(IE)与Firefox这两种具有显著差异的浏览器时。本文将深入探讨IE与...

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

    然而,由于不同浏览器对CSS标准的支持程度不一,尤其是在IE6、IE7、IE8、IE9和Firefox之间存在兼容性问题,开发者需要采取特殊策略来确保页面在这些浏览器上正常显示。本文将深入探讨如何实现`div+css`的完全兼容。 ...

    ie和火狐浏览器兼容问题

    3. **FF: body设置text-align时,div需要设置margin: auto**:若要使div在页面中水平居中,Firefox需要在body上设置`text-align: center`,然后在div上设置`margin: auto`,而IE则只须`margin: auto`。 4. **FF: ...

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

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

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

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

    div层实现IE Firefox 页面半透明遮罩效果弹窗

    本文将深入探讨如何使用CSS来实现在Internet Explorer(IE)和Firefox等浏览器上的半透明遮罩层效果。 首先,我们需要了解CSS中的`opacity`属性,它是实现半透明效果的关键。`opacity`属性用于设置元素的不透明度,...

    IE和Firefox之间兼容性问题

    IE(Internet Explorer)浏览器和Firefox浏览器作为市场上较为流行的两种浏览器,在处理CSS样式时存在一些差异,导致开发者在进行网页布局时可能会遇到兼容性问题。本文将详细探讨IE浏览器和Firefox浏览器之间的兼容...

    如何让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

    2. **居中对齐**:Firefox可以通过`margin: auto`使`div`居中,而IE则需要结合`text-align`来实现。例如: ```css body { text-align: center; } div { margin: auto; width: 500px; text-align: left; } ``` ...

Global site tag (gtag.js) - Google Analytics