Question

我在Chrome和Mozilla的2列设置中出现了一些页脚问题。在IE8中工作正常。

我正在用CSS编写asp来显示页脚。页脚的css代码是这样的：

    #siteInfo{
      clear: both;
      border-style: solid;
      border-color: #cccccc;
      border-width: 1px;
      font-size: 75%;
      color: #000000;
      padding: 0px 10px 0px 0px;
      margin-top: 5px;
      float: left;
      width: 100%;
    }

我已经尝试了border:1px solid #cccccc;的简写，但没有效果。页脚本身就是这样：

<!-- PAGE FOOTER -->
 <!-- DO NOT EDIT CODE BELOW! --> 

<div id="siteInfo"> 
  Materials provided are for <strong>Educational Use Only</strong>. Published articles are the Copyright of their respective publishers. All other material is Copyright &copy;2011 XXX. You're welcome to use any of my material for eductional or non-commercial use, provided it is in its original form, and I am recognized as its author. Please post links rather than posting copies of the files, so that your users get any updates which I post here. </p>
</div>

Answer 1

根据我的经验，修复页脚的最佳方法是使用母版页，该母版页使用面板以表格格式。

3个面板垂直放置一个在另一个之下（一个部门也可以这样做）浏览器尝试加载时，{note div比span}更快但是IE7，Safari等各种浏览器都不支持div的某些属性，例如align。

所以我建议你使用这样的框架集：

<frameset rows="10%,80%,10%">

  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />

</frameset>

在frame_c.htm内设置页脚。

在Chrome / Mozilla中通过2 col设置显示内容的ASP问题

1 个答案: