IE css样式问题
2014-03-26 15:53
162 查看
一:不支持gif图片
二:IE浏览器解决margin:0 auto;不居中办法:
一般情况下需要将div居中显示时,使用Css样式:margin:0 auto;或者margin:0 auto 1px;即可,但有时使用margin:0 auto后在firef、Chrome等浏览器里能居中,而在IE678里不居中的现象。
如下代码:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>
解决方法一
可以是对网页主体<body>声明文本居中,即body{text-align:center}
即:
<style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>
解决方法二
其实和解决方法一差不多,只是在要居中的div外层添加多一个div,并使其居中
即:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">margin: 0 auto 内容居中显示</div></div>
解决方法三
出现这个现象的原因在于文档的DTD声明;
修改DTD为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
二:IE浏览器解决margin:0 auto;不居中办法:
一般情况下需要将div居中显示时,使用Css样式:margin:0 auto;或者margin:0 auto 1px;即可,但有时使用margin:0 auto后在firef、Chrome等浏览器里能居中,而在IE678里不居中的现象。
如下代码:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>
解决方法一
可以是对网页主体<body>声明文本居中,即body{text-align:center}
即:
<style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>
解决方法二
其实和解决方法一差不多,只是在要居中的div外层添加多一个div,并使其居中
即:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">margin: 0 auto 内容居中显示</div></div>
解决方法三
出现这个现象的原因在于文档的DTD声明;
修改DTD为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
相关文章推荐
- HBuilder里面用ie打开页面没有css样式的问题
- css样式在IE各浏览器兼容问题
- css样式解决不同IE版本之间的兼容问题
- IE兼容性问题解决方案2--css样式兼容标签
- 本地调试,ie 谷歌浏览器都正常,但是将网站部署到服务器上发现ie内核css样式出现问题
- 关于IE的双倍浮动问题
- 在IE9下,disabled的文本框内容被选中后,其他控件无法获得焦点问题
- 关于radio的onchange事件在IE、FF中行为不同的问题
- ie7下z-index失效问题解决方法(详细分析)
- ie常用兼容问题笔记
- html5ie兼容问题
- 上传组件 uploadify 导致在firefox下 session 不一致问题 ie正常
- BUG笔记:Win8 IE10下input[type="password"]内字符显示被截取问题
- IE67下浮动元素margin-bottom值失效问题
- IE/FF表单回车自动提交的问题
- 在IE和FireFox中实现Flash背景透明和解决绝对定位元素被Flash遮住的问题
- IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
- IE7浮层遮挡问题探讨及解决
- CSS样式中的层叠问题
- 关于ext在IE下的“ Internet Explorer 無法開啓網際網路網站 ”的问题