楼主的HTML是怎么写的?
建议在添加一个
#hea,#head2,#nr,#nr2{
margin-left:auto;
margin-right:auto;
clear:both;
}
试试吧。
火狐,遨游,IE6.0,IE7.0,IE8.0,360浏览器等,谷歌浏览器等的兼容问题,这些兼容的代码一般写在哪?
基本上浏览器兼容问题主要是JavaScript和CSS问题。
而在这两个裏面,JavaScript尤其严重。一个不小心,直接导致该功能块无法在其他浏览器上运行,CSS次之,写不好能使你的浏览器布局大乱~
其实解决浏览器兼容问题一直是很多做Web开发同学的头疼问题~~
基本上想兼容所有的浏览器不是不可能,但工程量要太大~~(开发的时候,能使你的Web支援当前主流的浏览器就可以,我开发的很多系统都是保证在IE7、8、火狐、Safari下正常就行,IE6基本不管~)
向完美支持就要写各浏览器版本对应的CSS及JavaScript。
在Web加载时自动判断浏览器类别及版本自动加载CSS及Javascript。
至於如何判断浏览器版本,网上很多代码,你参考就行,我再次不罗嗦。只是给你提供解决方法
另:css及Javascript写的时候,最好模块化,JavaScript最好使用Jquery,支援多种浏览器,而且能避免你写太多的Javascript代码~~
如何解决HTML在各种浏览器的兼容性
方法/步骤
不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。
因此如果想消除这种差距,应该在相应的CSS部分加入以下CSS代码:
*{margin:0px;padding:0px;}
借于此,所有标记的内外边距被统一起来。
优先级问题:
对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。
Margin不一致的问题:
当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display:inline”项即可。
DIV居中问题:
通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问题。
内外边框合并问题。通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。
掌握了这一规则,在利用DIV块进行布局时我们就可以做的更加得心应手。
html 有个兼容简单舒适问题
浏览器的兼容主要是 Width height margin padding 这几个属性的差别,当然还有其他很多。
属性前 加 _ 表示只能IE6识别 ,例如 _margin:10px auto;
属性前 加 * 表示只能IE浏览器识别,例如 *margin:10px auto;
属性前 加 !importat ,为设置属性的优先级,IE无法识别,例如
margin-left:200px!importat;margin-left:180px;
在IE下margin-left的属性为180px;
在Firefox下margin-left的属性为200px;
编写完代码后可以使用 IEtester 来进行兼容性测试
- 上一篇: 网站域名被劫持后应该怎样快速解决
- 下一篇: 返回列表