一种在客户端解决
其实解决方法很简单。用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垂直居中 #### 知识点概述 在Web开发中,实现元素的垂直居中是一项常见的需求。对于已知高度的元素来说,这相对容易实现。但对于那些高度未知或者动态变化的元素,尤其是嵌套在另一个未知...
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...
兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 相对于body居中的另外一种写法 原理比较难以理解,这里只简单的说下如何使用: 1、在body的根目录下建立两个嵌套的div 2、分别给两个...
CSS 控制 div 中元素居中的示例 本文将讨论 CSS 中常见的让元素水平居中显示的方法。这些方法可以让开发者更好地控制 div 中元素的布局,以实现更好的用户体验。 1. 使用自动外边距实现居中 CSS 中首选的让元素...
在CSS网页布局中,使一个DIV元素水平居中是常见的需求,这有助于创建美观且响应式的网站设计。本文将详细探讨几种实现DIV水平居中的方法。 1. **使用`margin: 0 auto`** 这是现代浏览器中最常用的方法。通过设置...
这种方法适用于使一个容器居中对齐,同时确保在IE6/7/8和其他现代浏览器中都能正确显示。 3. **宽度适应问题**: - 为了解决IE6中宽度计算的问题,可以通过以下方式设置宽度: ```css #box { width: 600px; /* ...
要实现一个DIV元素在网页中水平和垂直居中,可以使用不同的CSS方法。这些方法的兼容性决定了它们能够适用于哪些浏览器版本。在上述文件中,给出了几种不同的实现方式,其中一些兼容现代浏览器如Chrome,同时也兼容较...
JS+CSS 实现弹出居中背景半透明 div 层的方法 在 Web 开发中,弹出居中背景半透明 div 层是一种常见的交互效果,通过 JavaScript 和 CSS,我们可以轻松实现这种效果。在本文中,我们将详细介绍如何使用 JS+CSS 实现...
2. **居中对齐**:Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中,但IE可能需要将`text-align`设置为`center`,或者对`div`设置`margin: auto`。 3. **填充(Padding)与尺寸**:Fire...
【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...
这个div居中显示 </div> ``` 在上述代码中,给div指定了宽度为父元素的50%,然后通过`margin: 0 auto;`来实现水平居中。 然而,对于IE9以下的版本,由于其对CSS的支持不同,上述方法可能不会生效。在这些老旧的IE...
在CSS布局中,垂直居中往往比水平居中更具挑战性,尤其是在不支持CSS Flexbox的老版本浏览器中。一种常见的方法是使用绝对定位和负边距。以下是一个例子: HTML部分: ```html <div id="loginbox"></div> ``` CSS...
本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...
在探讨“css+div在IE中兼容”的问题时,我们面临着一个历史遗留下来的挑战:Internet Explorer(以下简称IE)浏览器由于其版本迭代过程中对CSS支持的不一致性,导致在开发基于CSS布局的网站时,需要特别注意跨浏览器...
在网页设计中,`div+css`是一种常见的布局方式,但它也伴随着一系列的浏览器兼容性问题。这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异,尤其是老版本的Internet Explorer(如IE6和IE7)与其他...
CSS+DIV写的,上下固定高度,中间自动适应高度满屏布局的页面~~写了好久的。ie6还有点问题。。。 兼容IE7,IE8,FF,Opera,Safari,谷歌浏览器 ------------------------- 附送一个 DIV垂直居中的页面~~~