易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS实现frameset

首先是HTML代码:
<div id="outer">
  <div id="leftFrame" style="width: 20%;">
    <div style="height: 30%" id="packageListFrame" title="All Packages" >
      Package list goes here
     </div>
    <div style="height: 70%" id="packageFrame" title="All classes and interfaces (except non-static nested types)" >
      Class list goes here
    </div>
  </div>
  <div style="width: 80%;" id="classFrame" title="Package, class and interface descriptions">
   Summary details go here
  </div>
</div>
添加如下样式:
<style type="text/css">
#outer { position: relative; }
#leftFrame {
  position: fixed;
  height: 100%;
  width: 20%;
  top: 0;
}
#classFrame {
  position: absolute;
  left: 21%;
  width: 77%;
}
#packageListFrame{
  position: static;
  height: 200px;
  overflow: scroll; }
#packageFrame {
  position: static;
  height: 70%;
  overflow: scroll;
}
 
</style>


相关文档:

CSS Containing Floats

原文网址:http://www.complexspiral.com/publications
Containing Floats
As powerful and useful as they are, floats can make for tricky layout tools. Chances are that you may have seen something like the situation shown in Figure 1, which is accomplished with just two div elements, each with a floate ......

IE和火狐的css兼容性问题归总

IE和火狐的css兼容性问题归总
  CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
  1、DOCTYPE 影响 CSS 处理
  2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
  3、FF: body 设置 text-align 时, div 需要设置 margin: aut ......

div+css(一)

网页设计DIV+CSS元素解析,<head>部分前:
(一)         DOCTYPE 和DTD
用DW新建网页时,总会生成一句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这句是DOCTYPE声明,DOCTY ......

CSS定义Scroll滚动条样式。

 scrollbar-face-color: #000000;
 scrollbar-shadow-color: #FFC300;
 scrollbar-highlight-color: #000000;
 scrollbar-3dlight-color: #FFC300;
 scrollbar-darkshadow-color: #000000;
 scrollbar-track-color: #000000;
 scrollbar-arrow-color: #FFC300;
如果使用Dw或者其 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号