`
zengloveyuan
  • 浏览: 12253 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE8 CSS/DIV 网站不居中

    博客分类:
  • CSS
阅读更多
一种在客户端解决

其实解决方法很简单。用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。

二网站本身解决

IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦,下午回来再看看有什么办法居中,太平洋的前端也说他们公司无视IE8的存在,测试还是以前的版本。
原因找到啦,我把margin:0 auto;写在了body标签中,IE7以下都可以居中,IE8就不行,解决办法是,把这代码写在div大框架中就可以了。

百度搜索的资料:


程序代码
<style type="text/css">
body{text-align:center;width:100%;}
#wrap{
text-align:left;
width:560px;
margin:0 auto;
border:1px solid #333;
background-color:#ccc;
}
</style>
<div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法:
</pre>
</div>
分享到:
评论

相关推荐

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

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

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

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

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

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

    纯CSS实现不固定大小div相对于body垂直居中效果

    兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 相对于body居中的另外一种写法 原理比较难以理解,这里只简单的说下如何使用: 1、在body的根目录下建立两个嵌套的div 2、分别给两个...

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

    CSS 控制 div 中元素居中的示例 本文将讨论 CSS 中常见的让元素水平居中显示的方法。这些方法可以让开发者更好地控制 div 中元素的布局,以实现更好的用户体验。 1. 使用自动外边距实现居中 CSS 中首选的让元素...

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

    在CSS网页布局中,使一个DIV元素水平居中是常见的需求,这有助于创建美观且响应式的网站设计。本文将详细探讨几种实现DIV水平居中的方法。 1. **使用`margin: 0 auto`** 这是现代浏览器中最常用的方法。通过设置...

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

    这种方法适用于使一个容器居中对齐,同时确保在IE6/7/8和其他现代浏览器中都能正确显示。 3. **宽度适应问题**: - 为了解决IE6中宽度计算的问题,可以通过以下方式设置宽度: ```css #box { width: 600px; /* ...

    css实现div水平、垂直居中兼容chrome、ie8

    要实现一个DIV元素在网页中水平和垂直居中,可以使用不同的CSS方法。这些方法的兼容性决定了它们能够适用于哪些浏览器版本。在上述文件中,给出了几种不同的实现方式,其中一些兼容现代浏览器如Chrome,同时也兼容较...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    JS+CSS 实现弹出居中背景半透明 div 层的方法 在 Web 开发中,弹出居中背景半透明 div 层是一种常见的交互效果,通过 JavaScript 和 CSS,我们可以轻松实现这种效果。在本文中,我们将详细介绍如何使用 JS+CSS 实现...

    firefox与ie css+div兼容大全

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

    ie6/7/8的 css hack

    【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...

    IE9下(table/div/图片)的居中问题

    这个div居中显示 &lt;/div&gt; ``` 在上述代码中,给div指定了宽度为父元素的50%,然后通过`margin: 0 auto;`来实现水平居中。 然而,对于IE9以下的版本,由于其对CSS的支持不同,上述方法可能不会生效。在这些老旧的IE...

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

    在CSS布局中,垂直居中往往比水平居中更具挑战性,尤其是在不支持CSS Flexbox的老版本浏览器中。一种常见的方法是使用绝对定位和负边距。以下是一个例子: HTML部分: ```html &lt;div id="loginbox"&gt;&lt;/div&gt; ``` CSS...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...

    css+div 在IE中兼容

    在探讨“css+div在IE中兼容”的问题时,我们面临着一个历史遗留下来的挑战:Internet Explorer(以下简称IE)浏览器由于其版本迭代过程中对CSS支持的不一致性,导致在开发基于CSS布局的网站时,需要特别注意跨浏览器...

    div+css常见兼容性问题

    在网页设计中,`div+css`是一种常见的布局方式,但它也伴随着一系列的浏览器兼容性问题。这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异,尤其是老版本的Internet Explorer(如IE6和IE7)与其他...

    CSS+DIV布局(满屏自适应三行布局,兼容FF,div垂直居中)

    CSS+DIV写的,上下固定高度,中间自动适应高度满屏布局的页面~~写了好久的。ie6还有点问题。。。 兼容IE7,IE8,FF,Opera,Safari,谷歌浏览器 ------------------------- 附送一个 DIV垂直居中的页面~~~

Global site tag (gtag.js) - Google Analytics