HTML

1、相信很多网页设计师朋友在做页面元素比如div层或table表水平居中的时候，碰到这种情况：在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-left:auto;margin-right:auto}
<div id=”demo”>
</div>
或者
.demo{width:980px;margin-left:auto;margin-right:auto}
<div class=”demo”>
</div>
或者
<div style=”width:980px;margin:auto;text-align:left”>
</div>

三 因此，想要让层或table在ie浏览器和FIREFOX浏览器都水平居中的话，只能鱼和熊掌兼得之。

body{text-align:center}
.demo{width:980px;margin-left:auto;margin-right:auto}
<div class=”demo”>
</div>

补充：id标记样式和style嵌入样式的写法略。

弹出窗口有滚动条
<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<a href="support_faqDownload.php#" onclick="MM_openBrWindow('faq1.html','','scrollbars=yes,width=500,height=400')">Adapter Cards</a>

 

2、强制加滚动条

html{overflow:-moz-scrollbars-vertical;}

3、去除iframe边框,自适应高度

<iframe src="cs.html" frameborder="0" scrolling="no" height="100%" width="351px" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>200?fdh:200)//code by Tencent.nokersang"></iframe>

4、.mar{margin-left:96px;/*火狐*/ *margin-left:100px!important;/*IE7*/ *margin-left:78px;/*ie6*/ margin-bottom:5px; }