让页面绝对居中，且可以随便改变页面布局兼容所有现代浏览器的方法
2008-11-15 09:04
465 查看
Css的兼容性总是让人头疼，之前我做网站，因为难以控制css兼容所有的浏览器，所以只好用表格来布局，表格布局局限性很大，并且在Dreamweaver里看起来乱七八糟的，难以编辑。为了解决css的兼容性问题，我看过很多文章和书籍，貌似方法很多，但许多方法还是难以兼容所有的浏览器，而有的方法虽然可以实现兼容，但复杂的很。
而我最近却发现一种及其简单的方法，运用它可是实现绝对定位，并且在所有的浏览器中都是绝对一毫不差，并且可以实现在浏览器中绝对居中。
不废话了，上方法了：首先在页面的代码中加入<center></center>,位置为<body></body>的外层。然后在页面中加入一个层，将其style设为：position:relative;然后可以自行设置其高和宽，这时候这个层就绝对居中了，这个层将作为一个外壳，它起着很重要的作用，包括：保证居中和参考定位，也就是说内部元素的定位都是以这个层作为参考的。之后我们就可以来加别的内容层了，之后所加的所有的层的position属性都要设置成absolute。然后属性left和top都是参照第一个层的位置来设定的，还有最重要的一点，之后所有的层都要位于第一个层之内，在Dreamweaver中画层的时候，它生成的代码总是位于第一个层之后，这个时候定位出来的效果在IE和其他浏览器中是不同的，这时候我们就要记得把这个层拖进第一个层中，然后在可视化中重新调整层的位置就可以了。
这种方法简单可行，大家可以试一试哦，绝对好用，如果发现问题可以来咨询偶哦，QQ：676588498
hff
而我最近却发现一种及其简单的方法，运用它可是实现绝对定位，并且在所有的浏览器中都是绝对一毫不差，并且可以实现在浏览器中绝对居中。
不废话了，上方法了：首先在页面的代码中加入<center></center>,位置为<body></body>的外层。然后在页面中加入一个层，将其style设为：position:relative;然后可以自行设置其高和宽，这时候这个层就绝对居中了，这个层将作为一个外壳，它起着很重要的作用，包括：保证居中和参考定位，也就是说内部元素的定位都是以这个层作为参考的。之后我们就可以来加别的内容层了，之后所加的所有的层的position属性都要设置成absolute。然后属性left和top都是参照第一个层的位置来设定的，还有最重要的一点，之后所有的层都要位于第一个层之内，在Dreamweaver中画层的时候，它生成的代码总是位于第一个层之后，这个时候定位出来的效果在IE和其他浏览器中是不同的，这时候我们就要记得把这个层拖进第一个层中，然后在可视化中重新调整层的位置就可以了。
这种方法简单可行，大家可以试一试哦，绝对好用，如果发现问题可以来咨询偶哦，QQ：676588498
hff
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 纯js实现Div在页面垂直居中！可根据浏览器大小的改变而改变！兼容各种浏览器----神器版！
- 纯CSS弹出框不论页面大小绝对居中适合所有浏览器
- 绝对定位的div的居中方法，下面的写法兼容IE系列浏览器和火狐浏览器。
- 绝对定位的div的居中方法，下面的写法兼容IE系列浏览器和火狐浏览器。
- javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器
- 【转】向HTML中插入视频并兼容所有浏览器的方法
- 兼容所有浏览器的网页制作方法
- XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute
- 浏览器兼容模式打不开网页，极速模式可以的解决方法
- JavaScript 实现命名空间（namespace）的最佳方案——兼容主流的定义类（class）的方法，兼容所有浏览器，支持用JSDuck生成文档
- CSS2.0下1行2列，左侧固定右侧自适应布局，兼容所有浏览器。[学习笔记]
- 在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
- 兼容所有浏览器关闭当前页面函数
- 开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）
- 纯CSS实现：垂直居中，未知宽高，已知宽高，IE5除外所有浏览器均兼容
- CSS布局终极方案之--圣杯布局（兼容IE6+，现代浏览器）
- 【JavaScript】——兼容浏览器的居中显示+关闭页面
- Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
- 有三个方法可以解决所有的问题。接受，改变，离开。不能接受那就改变，不能改变，那就离开。