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

关于IE8、9下DIV不居中的问题解决方案

cssxhtmldiv居中 
阅读更多
百度了好多都是下面这种解决方案 
<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>


太烂了这种方案！这样定义，所有body里边的东西都自动居中了，这根本不是每一个人想要的！实际上是因为IE8以上支持的规范变了，DOCTYPE不再是原来的那种了 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
而是使用XHTML1.0规范了，如下： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或者使用HTML5规范： 
<!DOCTYPE HTML>
<html>
  <head>
...

随着HTML5规范的开发，转向HTML5规范是势在必行，所有浏览器也在慢慢靠近！
所以解决居中问题，只需要改成XHTML声明或者HTML5规范即可，CSS代码依然不变： 
body{
	width:1000px; 
	height:auto;
    margin:0px auto;
}
分享到：
| Hibernate4映射枚举类型
评论
发表评论

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

相关推荐

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

    本文将详细介绍如何解决div错位问题以及针对IE6、IE7和IE8的样式不兼容解决方案。 #### 一、理解IE6、IE7、IE8的CSS渲染差异 1. **IE6的盒模型问题**：IE6在处理CSS盒模型时存在bug，导致元素的宽度计算出现问题。...

    垂直居中显示ie7+

    在网页设计中，"垂直居中显示"是一个常见的需求，特别是在多设备、多屏幕尺寸的环境下，确保元素在页面上无论何时都能保持居中状态，能够提供良好的用户体验。本话题主要探讨如何在IE7及以上的浏览器中实现元素的...

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

    在网页设计中，`DIV+CSS`是一种常见的布局方式，然而不同版本的Internet Explorer（IE6、IE7和IE8）对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致，增加了开发者的调试难度。下面...

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

    本文将详细介绍一种有效的解决方案，该方法不仅适用于标准浏览器，同时也提供了一种兼容非标准浏览器的方法。 #### CSS垂直居中原理 在CSS中，`vertical-align`属性主要用于设置行内元素或表格单元格中的内容垂直...

    div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc

    本文档主要关注在IE6、IE7、IE8中遇到的一个典型问题——**DIV错位**，并提供了解决方案。 #### 二、DIV错位现象分析 在文档中提到，采用`float: left;`样式的DIV在IE8和IE7中表现正常，但是在IE6中会出现向下偏移...

    图片上下左右居中不变形解决方案

    resizepic 根据图片的实际比例适用外层div的大小，或左右居中显示 或上下居中显示。 完美解决图片缓存后不执行onload事件的情形。兼容 ie ff 谷歌

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

    在IE8中，`display: table-cell`和`box-sizing`等属性可能不受支持。因此，如果需要完全兼容IE8，可能需要寻找其他方法或使用浏览器特定的hack。 总之，实现一个DIV在浏览器中水平和垂直居中，可以通过多种CSS技术...

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

    本篇文章将探讨两个在IE6中常见的问题及其解决方案：去除div最小高度限制和实现div垂直居中。 首先，让我们解决IE6中的div最小高度问题。在IE6中，当尝试设置一个较小的高度（如3px）时，div的实际高度可能不会按照...

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

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器"，这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**： DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    IE6,IE7,IE8兼容性问题

    本文将针对IE6, IE7, IE8中常见的兼容性问题进行深入探讨，并提供相应的解决方案。 #### 二、CSS兼容性问题及解决方案 ##### 2.1 div的垂直居中问题 **问题描述**：在某些情况下，开发者希望将一个元素在其父容器...

    div+css兼容性问题解决方案

    ### div+css兼容性问题解决方案 ...以上就是针对IE7、IE6以及Firefox等浏览器在使用`div+css`布局时常见的兼容性问题及其解决方案。通过这些技巧，可以有效提高网页在不同浏览器间的兼容性和用户体验。

    如何兼容IE7和IE8-Div+CSS教程.txt

    随着Web标准的发展与浏览器技术的进步，IE7和IE8已逐渐被淘汰，但在某些特定场景下，仍然需要考虑到这两款浏览器的兼容性问题。通过本文的学习，您将了解到不同模式下的渲染差异、常见CSS hack技巧以及具体的解决...

    div不定宽高的水平和垂直居中

    以下是一个非IE浏览器下的Flexbox解决方案： ```css .container { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ height: 100%; /* 确保容器填满其父容器的...

    DIV未知高度的垂直居中代码.rar

    标题中的“DIV未知高度的垂直居中代码”指的是在网页设计中如何使一个具有未知高度的&lt;div&gt;元素在页面上实现垂直居中的技术。在Web开发中，这是一项常见的需求，尤其是在响应式设计中，当内容高度不确定时，仍然希望...

    h2在div IE7中不垂直居中问题解决方法

    本问题聚焦于在Internet Explorer 7 (IE7) 浏览器中，`h2` 元素在 `div` 容器内无法垂直居中的问题以及解决方案。在IE7这样的老版本浏览器中，由于其对CSS标准的支持有限，所以实现垂直居中可能会遇到一些挑战。 ...

    完全纯css实现div自适应居中兼容IE7 Chrome FireFox

    在本篇内容中，介绍了如何使用纯CSS技术实现div元素在网页中的自适应居中布局，同时确保兼容性可以覆盖至较旧的浏览器版本，如IE7、Chrome和Firefox。此处的自适应居中，指div能够在其父容器内水平及垂直方向上都...

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

    important`用于提高CSS规则的优先级，但在IE6中不受支持，`_`前缀是IE6特有的，`\9`后缀则适用于IE8及以下。 2. **居中对齐** - Firefox通过设置`margin: auto`实现水平居中，而IE需要结合`text-align: center`。...

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