liondinas
- 浏览: 408690 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (268)
- java (22)
- Acegi (8)
- Ajax (17)
- Annotation (3)
- Ant (3)
- JBOSS (6)
- Xdoclet (1)
- CSS (20)
- Data Warehouse (11)
- DB2 (3)
- DOM (1)
- dos (2)
- JMF (1)
- JMS (5)
- J2EE (17)
- Hibernate (7)
- struts (10)
- CORBA (1)
- 职业 (2)
- JSF (1)
- JSTL (8)
- 其它 (1)
- Log4j (7)
- svg (7)
- quartz (3)
- web2.0 (2)
- velocity (2)
- apache commons (1)
- js (9)
- html (4)
- sql (3)
- linux (4)
- dwr (14)
- spring (5)
- GWT (7)
- portlet (4)
- 软件工程 (10)
- actionscript (1)
- 测试 (1)
- tomcat (3)
- flash (0)
- 线程 (1)
- mysql (6)
- flex (1)
- oracle (7)
- crystalreport (4)
- itext (4)
- memcache (2)
- linux 监控 (2)
- mongodb (1)
- Kafka (5)
- 网络 (2)
- 分布式计算 (2)
最新评论
-
chenyongxin：
mark
JBoss 4.0.2集群基本知识及配置方法指南 -
softor：
我找到了，下载吧：http://ishare.iask.sin ...
jad是最简单的class反编译为java文件的小工具 (转载) -
softor：
求下载
dodo@lovehang.com
jad是最简单的class反编译为java文件的小工具 (转载) -
juedui0769：
不错！
请问： 如何在 将 log4j.appender ...
Tomcat 日志 配置 (转载) -
spp_1987：
// 建立一个上传文件的输出流
...
Struts上传多个及N个文件的例子
<!DOCTYPE html PUBLIC "-//W。3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<meta content="all" name="robots" />
<meta name="author" content="designed by dodo at donews.com" />
<title>WEB标准网站设计实例：左中右3栏布局中最先显示中栏内容的方法</title>
</head>
<style>
body{font-size:12px;}
div{color:#fff}
#m{padding-left:150px}
#middle{position:absolute;
background:red;width:468px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
#left{float:left;background:green;width:140px;height:30px}
#right{float:right;background:blue;width:140px}
#all{width:770px;
margin-right: auto;
margin-left: auto;
padding: 0px;
color: #000;
background:#ffa200;}
#footer{clear:both;background:#808080;color:#fff}
</style>
<body>
<div id="all">
<div id="m">
<div id="middle">
中栏<br />
·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日
·alexa上，黑客的下一个目标是谁？ [阮颖] 11日
·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日
·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日
·希捷加入后的新一代笔记本选购规则 [新华美通] 11日
·木子美：挣扎出历史的海面透一口气 [周晶波] 11日
·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日
·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日
·黄华：我们有必要开会吗？ [黄华] 11日
·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日
·alexa上，黑客的下一个目标是谁？ [阮颖] 11日
·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日
·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日
·希捷加入后的新一代笔记本选购规则 [新华美通] 11日
·木子美：挣扎出历史的海面透一口气 [周晶波] 11日
·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日
·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日
·黄华：我们有必要开会吗？ [黄华] 11日
</div>
</div>
<div id="left">左栏</div>
<div id="right">右栏<br>
</div>
<div id="footer">网页底部</div>
</div>
<script language="javascript">
var l=document.getElementById("left").scrollHeight
var m=document.getElementById("middle").scrollHeight
var r=document.getElementById("right").scrollHeight
layoutHeight=Math.max(l,m,r)
document.getElementById("left").style.height=layoutHeight+"px"
document.getElementById("right").style.height=layoutHeight+"px"
document.getElementById("middle").style.height=layoutHeight+"px"
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<meta content="all" name="robots" />
<meta name="author" content="designed by dodo at donews.com" />
<title>WEB标准网站设计实例：左中右3栏布局中最先显示中栏内容的方法</title>
</head>
<style>
body{font-size:12px;}
div{color:#fff}
#m{padding-left:150px}
#middle{position:absolute;
background:red;width:468px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
#left{float:left;background:green;width:140px;height:30px}
#right{float:right;background:blue;width:140px}
#all{width:770px;
margin-right: auto;
margin-left: auto;
padding: 0px;
color: #000;
background:#ffa200;}
#footer{clear:both;background:#808080;color:#fff}
</style>
<body>
<div id="all">
<div id="m">
<div id="middle">
中栏<br />
·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日
·alexa上，黑客的下一个目标是谁？ [阮颖] 11日
·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日
·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日
·希捷加入后的新一代笔记本选购规则 [新华美通] 11日
·木子美：挣扎出历史的海面透一口气 [周晶波] 11日
·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日
·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日
·黄华：我们有必要开会吗？ [黄华] 11日
·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日
·alexa上，黑客的下一个目标是谁？ [阮颖] 11日
·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日
·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日
·希捷加入后的新一代笔记本选购规则 [新华美通] 11日
·木子美：挣扎出历史的海面透一口气 [周晶波] 11日
·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日
·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日
·黄华：我们有必要开会吗？ [黄华] 11日
</div>
</div>
<div id="left">左栏</div>
<div id="right">右栏<br>
</div>
<div id="footer">网页底部</div>
</div>
<script language="javascript">
var l=document.getElementById("left").scrollHeight
var m=document.getElementById("middle").scrollHeight
var r=document.getElementById("right").scrollHeight
layoutHeight=Math.max(l,m,r)
document.getElementById("left").style.height=layoutHeight+"px"
document.getElementById("right").style.height=layoutHeight+"px"
document.getElementById("middle").style.height=layoutHeight+"px"
</script>
</body>
</html>
分享到：
发表评论
-
使用Bootstrap与ShieldUI(转载)
2015-03-08 21:56 712今天，让我们来创建一个基于Bootstrap框架的仪表板（d ... -
不规则图片环绕文字
2007-10-28 11:25 1581<!DOCTYPE html PUBLIC " ... -
Slidowshow 滚动条
2007-10-28 11:24 796<html> <head> <t ... -
鼠标移动 放大图片
2007-10-28 11:23 1575<style type="text/css&q ... -
多彩文字(Multi Colored Text)
2007-10-28 11:21 783<!DOCTYPE html PUBLIC " ... -
超连接经典
2007-10-28 11:20 686<style type="text/css&q ... -
把鼠标放上来看看效果--
2007-10-28 11:19 866<style> A:link,A:visited ... -
Hover over the image to see the double border effect
2007-10-28 11:19 1022<!DOCTYPE html PUBLIC " ... -
陶吧-把你的
2007-10-28 11:18 676<style type="text/css&q ... -
css菜单演示
2007-10-28 11:18 1068<html xmlns="http://www ... -
完全用CSS实现的中英文双语导航菜单
2007-10-28 11:17 867<!DOCTYPE html PUBLIC " ... -
点我挂掉IE6
2007-10-28 11:16 852<!DOCTYPE html PUBLIC " ... -
仿淘宝网首页导航条效果
2007-10-28 11:16 1783<!DOCTYPE html PUBLIC " ... -
下拉菜单
2007-10-28 11:15 1885<style type="text/css&q ... -
sbutton
2007-10-28 11:14 854<style type="text/css&q ... -
example 2
2007-10-28 11:12 773<!DOCTYPE html PUBLIC " ... -
Equal height(列高度相同的方法)
2007-10-28 11:12 770<!DOCTYPE html PUBLIC " ... -
应用的一个实例
2007-10-28 11:11 744<!DOCTYPE html PUBLIC " ... -
一些三角形的写法
2007-10-28 11:10 1118<!DOCTYPE html PUBLIC " ...
相关推荐
在网页设计中，"3栏div例子"是一个常见的布局需求，尤其在构建复杂网页结构时。这个主题主要涉及使用HTML的`div`元素配合CSS来创建一个三列布局，其中通常包括左栏、中栏和右栏，且具有良好的浏览器兼容性。下面将...
总的来说，"固定右栏宽度, 左栏内容先出现同时自适应宽度的布局"是一种实用且灵活的设计模式，理解其工作原理和潜在问题，以及如何进行扩展和优化，对于任何Web开发者来说都是必要的技能。随着前端技术的发展，我们...
在Web开发中，构建一个上中下分栏的界面是一种常见的布局方式，它能够有效地组织内容，提升用户体验。本示例提供了一个简单的实现这一布局的Demo，主要由`index.html`、`.project`、`pages`、`img`、`js`和`css`等...
三栏布局是网页设计中常见的布局方式，通常由左栏、中栏和右栏组成。这种布局有利于平衡内容，使用户能够快速找到关键信息。在HTML和CSS中实现三栏布局，可以使用浮动元素、定位或Flexbox布局。在这个模板中，CSS...
中栏div的左侧和右侧的填充(padding)属性保证内容安排在一个整齐的栏中，甚至当它伸展到边栏(左栏或者右栏)的底端也是这样。 在CSS代码中，我们使用clear属性来清除浮动元素的影响，使得标题和页脚能够占据整个页宽...
5. 对于三栏的情况，只需将域代码调整为`{={page}*3-2}`（左栏）、`{={page}*3-1}`（中栏）和`{={page}*3}`（右栏），并同样更新域。 此外，还可以调整页码在页脚中的位置。在“页面设置”中调整页脚距离，创建一个...
- 左/右/中栏：`left`、`right`、`center` - 导航：`nav` - 主导航：`mainnav`、`globalnav` - 子导航：`subnav` - 顶导航：`topnav` - 侧边栏：`sidebar`、`leftsidebar`、`rightsidebar` - 菜单：`menu` -...
3．基本部分：包括展示、跨栏坐练习、展板展示起跨腿和摆动腿的技术要点、原地摆动腿、起跨腿过栏模仿练习、两腿连贯动作过栏模仿练习、小步跑摆动腿过栏练习、小步跑起跨腿过栏练习等七个环节。 4．过栏模仿练习：...
系统默认提供的CSS样式风格定义 说 明：在《动易网站管理系统》中，CSS样式风格定义是可以自己自由定义的，也说是说您可以自由添加Ｎ多个自定义的风格，然后在各频道的版式模板中调用就行了。下面提供的是系统默认...
三列结构中的DIV写法适用于左右栏是窄幅，中栏为主要内容显示，让其宽度自适应。CSS代码为： ``` #main { width: 760px; margin: 0 auto; } .left { width: 100px; float: left; } .right { width: 120px; ...
1. **左列定宽，右列自适应布局**： 这种布局模式常用于创建两栏布局，左边栏宽度固定，右边栏宽度自适应。通过设置`float:left`使左侧元素浮动，宽度设为固定值，如`width:100px`。然后，右侧元素通过`overflow:...
CAD修剪技术是一种在计算机辅助设计（CAD）软件中用来优化设计过程，提高精确度和效率的方法。它允许设计人员通过删除图形中不必要的部分来简化和清洁设计。修剪功能是CAD软件中不可或缺的一部分，因为它能够帮助...
园林栏杆在园林设计中扮演着重要的角色，它不仅具有实际的防护功能，更是一种美学的体现。栏杆的设计需要综合考虑多种因素，以实现美观与实用的完美结合。 1. **栏杆高度的选择**： - 低栏：高度通常在0.2至0.3米...
左栏显示89栏排列的数字，中栏排列为90栏，右栏为91栏。 下面的面板显示从 1 开始的第一个数字，其中线性模式很明显。 中间一行从 1e6 开始，上面一行从 1e15 开始，其中质数更稀少，模式看起来几乎是随机的。
货车作为交通运输中的重要工具，其构造和分类直接影响着货物的运输效率和安全性。本课件主要介绍了货车的基本类型、特点以及不同用途的货车。 首先，货车按照车厢形态可以分为三类： 1. 平板车：没有封闭的车厢，仅...
3.网站首页中栏广告，第二排的图片广告显示不正常，希望高手能调用数据库相关图片 4.热点文章排行没按点击数排行，显示条目数限制，好文章不能优先推荐 5.相关文章的调用也有些问题 如有疑问请联系qq79047212 ...
SharePoint 2010 可视化界面创建文档库的标准视图 SharePoint 2010 里新建图片库和使用图片库 SharePoint 2010 使用可视化界面创建幻灯片库 SharePoint 2010 通过可视化的界面创建文档库 SharePoint 2010 网站操作中...
- `left`、`right`、`center`：分别代表左、右、中栏。 - `loginbar`：登录条。 - `logo`：标志或徽标。 - `banner`：广告横幅。 - `main`：页面主体内容。 - `hot`：热点内容。 - `news`：新闻区块。 - `download`...
本次讨论的核心问题是TIPTOP GP中栏位跳转的实现方法。根据描述，“解决了通常情况下，栏位跳转实现的三种方式”，这意味着文章将重点介绍并解决在TIPTOP GP系统中实现栏位跳转的三种常见方法，并针对每种方法进行...