(转)浏览器ie层或table居中和Firefox层或table不居中解决方法
2011-10-09 14:24
681 查看
ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别,两者不完全兼容。参考网上资料后,飞龙决定总结一下ie浏览器里层table居中而Firefox浏览器里层table不居中解决方法,修订参考地址在:http://feilong.org/ie-Firefox-div-table-center,与朋友一起交流学习。 一、ie浏览器 层或table水平居中 最低要求
IE中在body中加入text-align:center,即可实现主布局块居中。
body{text-align:center}
二、FIREFOX浏览器 层或table水平居中 最低要求
现举例如下,分三种css实现方式,以第二种写法的css套用最自由:
#demo{margin:0 auto;}
<div id="demo">
</div>
或者
.demo{width:980px;margin:0 auto;}
<div class="demo">
</div>
或者内联{不提倡}
<div style="width:980px;margin:0 auto;">
</div>
三、因此想要让层或table在ie浏览器和FIREFOX浏览器都水平居中,只能鱼和熊掌兼得之哈。
body{text-align:center}
.demo{width:980px;margin:0 auto;}
<div class="demo">
</div>
id标记样式:
body{text-align:center}
#feilong{width:960px;margin:0 auto;}
<div id="feilong">
</div>
style嵌入样式其实这是 CSS RESET的应用
IE中在body中加入text-align:center,即可实现主布局块居中。
body{text-align:center}
二、FIREFOX浏览器 层或table水平居中 最低要求
现举例如下,分三种css实现方式,以第二种写法的css套用最自由:
#demo{margin:0 auto;}
<div id="demo">
</div>
或者
.demo{width:980px;margin:0 auto;}
<div class="demo">
</div>
或者内联{不提倡}
<div style="width:980px;margin:0 auto;">
</div>
三、因此想要让层或table在ie浏览器和FIREFOX浏览器都水平居中,只能鱼和熊掌兼得之哈。
body{text-align:center}
.demo{width:980px;margin:0 auto;}
<div class="demo">
</div>
id标记样式:
body{text-align:center}
#feilong{width:960px;margin:0 auto;}
<div id="feilong">
</div>
style嵌入样式其实这是 CSS RESET的应用
相关文章推荐
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- 其他浏览器(firefox,chrome)可以上网 ie(Internet Explorer)无法上网 解决方法
- 常见浏览器兼容问题及相关解决方法(chrome/IE/firefox)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- Firefox、IE等浏览器下载文件名中文乱码的一种Server端解决方法
- li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)
- uploadify在ie,chrome等浏览器上传文件成功,而firefox出现http error 404问题的解决方法
- 兼容firefox,ie,谷歌,阻止浏览器冒泡事件,Firefox不支持event解决方法
- IE显示div正常,Firefox浏览器中div层重叠的解决方法
- 各种浏览器(IE,Firefox,Chrome,Opera)COOKIE修改方法[转]
- mouseover和mouseout多次触发解决方法(兼容ie和firefox)(转)
- 使用jQuery解决IE与FireFox下createElement方法的差异
- firefox浏览器不支持innerText的解决方法
- java 不同意同一账户不同IP 同一时候登录系统解决的方法 兼容IE Firefox
- Firefox浏览器访问非80端口受限的解决方法
- IE/Chrome背景图片居中1px偏移解决方法
- IE下margin:0 auto不居中解决方法
- DIV的高度自动拉伸(height属性)在IE 7和Firefox下无效和解决方法