易截截图软件、单文件、免安装、纯绿色、仅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>


相关文档:

在firefox与IE下DIV+CSS Padding效果不同的解决方法

<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!imp ......

用div+css解决VS2005中布局难的问题

用div+css解决VS2005中布局难的问题
Div+CSS布局入门教程 《转自 蓝色理想 http://www.blueidea.com/tech/site/2006/3574.asp》
页面布局与规划
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了 ......

基于JavaScript和CSS的Web图表框架横向对比

jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。 1. Flot Flot ......

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号