以下CSS代码在IE和火狐中的兼容问题怎样解决啊,求帮忙

作者&投稿:营缸 (若有异议请与网页底部的电邮联系)
火狐 Ie 兼容问题 JS 跪求各位大侠帮忙~

  您好!很高兴为您答疑!

  您需要注意的是:IE下input.type属性为只读;但是Firefox下input.type属性为读写。必须改为如下代码才可以:

  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

  您好,感谢您对火狐的支持

id="container"
这个样式给出宽度就可以了。
#container {
display: table-cell;
margin: 0 auto;
padding: 20px;
vertical-align: middle;
width: 宽度值;
}
  您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

  1. 此为IE6的两倍外边距浮动BUG:当浮动元素设置了水平外边距时,与浮动方向相同的外边距在IE6中会出现双倍。

  2. 解决办法就是 为该浮动元素(即类名为ys的元素)设置行间显示:display:inline;

  3. 由于该元素为浮动元素,脱离文本流,故即使设置了行间显示,也不会影响它,所以display:inline;是最好的解决方法。


  1. 还有一个问题,就是你最后说的设置了上边距,但在标准浏览器没有这3px上边距的问题。

    这是因为clear:both;

  2. 在标准浏览器中,浮动元素是脱离文本流的,所以文本流中的元素在设置外边距时,是忽略浮动元素的,即使设置了清除浮动clear:both;,也只是实现让浮动元素能够挤开旁边的非浮动元素。

    即使如此,文本流中的元素(最后那个绿色的DIV)在设置上外边距时,还是忽略了浮动元素的存在,所以那个绿色DIV的margin-top是距离上边最近的一个非浮动元素,即第一个灰色的元素。

    只有当你的上外边距超过中间那两个浮动元素的高度时,你才能看到间隙。

  3. 在IE6和IE7中,则最后那个绿色DIV的上边距,是距离中间那两个浮动元素的,所以你设置了3px,它们中间就会是3px间距。

  4. 解决办法是,给中间的浮动元素设置下外边距,将最后一个DIV外下推3px。



  您好!很高兴为您答疑!

  这是IE6的两倍外边距浮动BUG:当浮动元素设置了水平外边距时,与浮动方向相同的外边距在IE6中会出现双倍。
  解决办法就是 为该浮动元素(即类名为ys的元素)设置行间显示:display:inline;
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>css</title>
<style type=text/css>
.ys{
width:200px;
height:200px;
background:#900;
color:white;
text-align:center;
float:left;
margin-top:3px;
}
.ys1{
width:300px;
height:200px;
background:blue;
float:left;
margin-top:3px;
margin-left:3px;
margin-bottom:3px;
}
.ys2{
width:503px;
height:150px;
background:green;
margin-top:3px;
clear:both;
margin-top:3px;
margin-bottom:3px;
}
#dh{
height:70px;
background:grey;
}
#container{
width:950px;
margin:0 auto;
}
</style>
</head>
<body>
<div>
<div id="container">
<div id="dh"></div>
<div class="ys">我们的世界</div>
<div class="ys1"></div>
<div class="ys2">博客的版权信息</div>
</div>
</html>

帮你稍微改造了一下,有些地方还是很不合理,但是你的布局方式本身就有问题。多研究一下吧。



考虑 找ie 不识别的 而火狐识别的字符 定义一下样式吧


怎么样在ie7界面居中css样式
在ie7界面居中css样式定义如下:body {TEXT-ALIGN: center;} center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明:首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加...

DIV+CSS 在IE6和IE8的兼容问题。
DIV+CSS解决IE6,IE7,IE8,FF兼容问题 我搜了一个,这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的先不管 1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题,这个最常见...

兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式?
\\x0d\\x0a造成IE9以上浏览器无法加载CSS样式表的,有几个可能的原因,一个可能是你的CSS样式引用的书写方式不正确,导致在IE9和IE10下面无法通过MIME的检查,如果是这个原因,在代码里面修改一下css样式引用的方法就行了。\\x0d\\x0a另外一个可能的原因,可能是你在电脑里面安装了代理软件或者其他...

CSS——div换行
解决div元素换行问题的方法多种多样。首先,可以在文本适当位置添加空格,这有助于改善换行效果。若需更精确控制换行,可以使用CSS代码word-wrap: break-word;。在修改后的CSS代码中加入这行,能够实现文字自动换行至下一个行。以下为在不同浏览器下实现div强制换行的策略:在IE浏览器中,可使用white-...

怎样使用浏览器查看网页HTML和CSS源代码
整体简介:使用浏览器的查看网页源代码功能可以查看当前页面的HTML和CSS源代码 工具原料:IE,360极速浏览器,或任一一款浏览器均可 解决方法:以360极速浏览器为例 打开任意一网站页面,然后在页面的空白处右击,在弹出的菜单中选择查看源代码 在新打开的源代码页面中可以看见CSS文件的引用。点击该CSS文件...

CSS样式表IE6\/7兼容问题!!! .allbgbody div 在IE6下不支持?
应该是你整体CSS相互影响所出现的问题 你这段代码没问题,我也测试过,IE6、7、8、FF 都没问题。不信单独运行这段代码试试 { margin:0px; padding:0px;} .allbgbody { background-color:#00CCFF;line-height:220%;font-size:12px;} .allbgbody div { padding:8px;background:#FF0000;...

HTML代码和CSS代码有什么区别
如图。第二种方法:在IE浏览器中查看 1、2、用IE浏览器打开一个页面,如图。点击网页,3、点击查看源文件,如图 这样就看到了这个网页的源代码了,如图 4、这个太复杂了看不懂,同样可以看到简截的,点击工具,如图 点击开者工具,如图 5、在这里就看到了HTML代码和CSS代码,如图 ...

css样式在ie中不能正常显示
{ margin-top: 21px; } *+html .submitbutton { margin-top: 21px; } 什么是浏览器兼容:当使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出...

如何解决CSS伪类hover在IE8中失效的问题
用JQ试试。代码如下 ("p").hover(function(){ ("p").css("background-color","yellow");},function(){ ("p").css("background-color","pink");});

css 中的box-shadow在IE7及IE8中无法显示,网上查过,都说用HTC,不懂HT...
首先阴影的问题无念了,css解决不了。悬浮的问题你要设置合理的z-index并且要将z-index设置到合理的层,这个要具体情况具体分析了。有的时候你的浮动层之所以没有遮盖到想要遮盖的地方,很有可能是因为你的浮动层的父级层在要遮盖的父级层之下,所以才没有遮盖到。你只要想办法让父级层的逻辑关系正确...

景谷傣族彝族自治县14736283173: CSS一开始要怎么做才能让IE跟火狐都兼容呢 -
长兴宙呱西: 先按火狐浏览来设样式表.(因为火狐的标准比IE的多.)然后再设IE的样式表. 给个例子.div{width:300px;width:320px/9;}这样两个浏览器都兼容了! 造成不兼容的原因是因为大家的默认值不用. 还有鄙视上楼!

景谷傣族彝族自治县14736283173: css兼容中火狐怎么跟IE兼容? -
长兴宙呱西: 兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用 CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入...

景谷傣族彝族自治县14736283173: css在字下面如何加虚线才能让火狐和IE都兼容 -
长兴宙呱西: 您好,感谢您对火狐的支持 将其放在<table>里面就可以了,设置<td>元素css的border属性 代码如下:<table><tr><td style="border-bottom:1px dashed #000">12121212</td></tr></table>您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容.希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询.

景谷傣族彝族自治县14736283173: css如何设置firefox和ie的兼容性 -
长兴宙呱西: 举个例子吧,如果是某个选择符内的属性,可以这么写 *font-size:12px;/* for IE */ font-size:14px;/* for non-IE */ 如果是整个选择符里的内容都不一样 * html selector{}/* for IE6 */ *+html selector{}/* for IE7 */

景谷傣族彝族自治县14736283173: css怎么才能更好的兼容IE6.0、7. 0、8.0以及火狐浏览器? -
长兴宙呱西: 兼容IE6.0、IE7.0 与FireFox 的css解决方案、技巧1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可...

景谷傣族彝族自治县14736283173: 诸位前辈如何使css在谷歌、火狐、IE6、IE7,中兼容,详细点! -
长兴宙呱西: 您好!很高兴为您答疑!您可以参考下:http://www.php100.com/html/webkaifa/DIV_CSS/2012/0908/11019.html,详细介绍了几款浏览器中CSS的兼容设置方法.您可以在火狐社区了解更多内容.希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询.

景谷傣族彝族自治县14736283173: CSS怎么写出只能让火狐识别而IE不能识别?
长兴宙呱西: .abc { /*注意顺序*/ width:500px!important;/*只有火狐识别*/ *width:550px!important;/*兼容IE7*/ width:500px;/*For IE6*/ }

景谷傣族彝族自治县14736283173: css里FF和IE之间的line - height不兼容 -
长兴宙呱西: 兼容的 检查下 padding或者 margin的默认值不同吧 想处理 火狐和IE 兼容 可以采用 css hack 简单的 就是 line-height:25px; *line-height:250px;

景谷傣族彝族自治县14736283173: 诸位前辈如何使css在谷歌、火狐、IE6、IE7,中兼容,详细点!
长兴宙呱西: 一般都是用浏览器的一些支持的不同来保持兼容的 ie就算版本是8,css2的选择符也是不支持的,firefox是支持的 !important声明在ie里是无效的,在firefox里是有效的 另外google的chrome使用的是safari的WebKit内核,所以如果safari测试通过的话chrome也不会有问题

景谷傣族彝族自治县14736283173: css+div 里面有没有命令,让火狐能执行,IE不执行
长兴宙呱西: 有啊,你一次写两个就是啦,比如说 你要在火狐下距上边20像素,IE下不变 margin-top:20px;+margin-top:0; 这样火狐就执行到第一条,而后面带+号的就不会执行了,

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网