css实现 IE6下div垂直居中对齐

 代码如下 复制代码

<style type="text/css">

.fixVerticalCenterOuter{

width:300px;

height:200px;

border:1px solid #ccc;

text-align:center;

display:table-cell;

vertical-align:middle;

}

 

/* for IE 6 */

* html .fixVerticalCenterAdd {

width:0;

height:100%;

display:inline-block;

vertical-align:middle;

}

* html .fixVerticalCenterInner{

vertical-align:middle;

display:inline-block;

}

 

</style>

html代码

 代码如下 复制代码

<div class="fixVerticalCenterOuter">

<span class="fixVerticalCenterAdd"></span>

<span class="fixVerticalCenterInner"><img src="logo.gif" /></span>

</div>

时间: 2024-10-28 09:56:22

css实现 IE6下div垂直居中对齐的相关文章

IE6下DIV无法实现height:1px高度问题解决办法

下午写页面遇到在ie6下无法实现height:1px,之前搞忘了,百度个收集几个解决方法,以供再次查阅. IE6.0下DIV不能实现1px高度的几种解决方法 在设计网页时,有时我们需要一个1px高度的细线,但IE6有个bug,高度为1px的DIV在IE6里不管用.这是因为IE6中的DIV默认有个最小字体高度,DIV的最小高度就是这个高度,即使设置了height:1px,DIV显示出来的高度也不是1像素. 解决方法有如下几种: 1,网上都说多加一个font-size=0px:的属性可以实现. 以下

IE6下DIV高度显示的Bug收藏

IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高.所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层. 要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整.比如 <div style="height: 6px; font: 0px Ari

css去掉IE6下的链接虚线框示例

一般去掉虚线框可以用 a,a:focus,a:active{outline:none;} 但IE6并不支持上面写法,来试试下面方法 在IE6下,单击超链接后会出现一个虚线框,有时候不需要这个选线框,去掉的方法是加上hidefocus属性,如: <a id="test" href="#" hidefocus="true">去掉虚线框</a> 想要通过JS去掉的话,将hidefocus写成hideFocus,如: var a

IE6下div层被select控件遮住的问题解决方法

IE6下层被select控件遮住的问题想必大家在布局过程中都有遇到过吧,其实解决方法很简单就是在层里套个iframe,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助   这个应该在网上有很多解决的办法,只不过很多问题解决了之后就忘了,之后遇到了再去找有时就找不到了,就当给自己做个笔记了 方法很简单在层里套个iframe <div>能看见我了吗?<iframe frameborder="0" ></iframe></div> 有一

CSS实现IE6下PNG背景透明的方法

网页中的一般的PNG图片可以利用JS代码实现透明,但是如果使用PNG做背景的话,也就是在<a>悬浮状态时所用的背景,就不好实现了.虽然网上也可以找到一种批量实现方法,可是那种方法是遍历整个网页来实现的,肯定会让运行速度变慢.这里公布一个方法,不是原创,也是从网上找到的,它是针对PNG做背景时使用的,代码如下: .btnO{  background:url(winbg.png) no-repeat;background:none;filter;rogid;XImageTransform.Micr

ie 6-ie6下div浮层遮挡不了下拉框

问题描述 ie6下div浮层遮挡不了下拉框 用iframe后,对浮层外进行滚轮操作,还是会出现遮挡不了下拉框问题. 求各路大神支招 解决方案 ie6太老了,需要用css hack 解决方案二: DIV层在IE6下被下拉框遮挡的解决方法IE6下, div层被select下拉框遮挡解决方案----------------------

css中解决ie6下背景图片底部不对齐错位办法

先来两段代码,一段是HTML代码,一段是CSS代码,下面的分析都是在这两段代码的基础上进行. HTML代码:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1

css中水平垂直居中对齐布局实例总结

 水平居中,如果知道元素的宽度,则可以使用 代码如下 .cell{width:300px; margin:0 auto; text-align:center;}   如果是内联元素居中,那么直接用text-align:center则行 如果未知元素宽度,并且非内联元素,那么下面给出的几种方案也适合你. 用CSS来实现元素的垂直居中效果是件苦差事,虽然说实现方法有多种,但有很多方式在某些浏览器下可能无法正常的工作.接下来我们就一起来看看这些不同方法实现垂直居中的各自优点和其不足之处. 方法一: 这

css中水平垂直居中对齐布局一些实例总结

水平居中,如果知道元素的宽度,则可以使用  代码如下 复制代码 .cell{width:300px; margin:0 auto; text-align:center;} 如果是内联元素居中,那么直接用text-align:center则行 如果未知元素宽度,并且非内联元素,那么下面给出的几种方案也适合你. 用CSS来实现元素的垂直居中效果是件苦差事,虽然说实现方法有多种,但有很多方式在某些浏览器下可能无法正常的工作.接下来我们就一起来看看这些不同方法实现垂直居中的各自优点和其不足之处. 方法一