软件频道>网页陶吧>网页制作教程网站推广ASP视频教程网页制作手册|软件频道产品中心 软件下载
您现在的位置: 天极网 > 软件频道 > 网页陶吧 > 推荐:网页中三列自适应高度布局的实现
全文

推荐:网页中三列自适应高度布局的实现

2006-10-23 10:42作者:龙犊整理出处:天极网责任编辑:龙犊

  三列的布局,一个固定宽度的左列是导航列,右列可以放Google Ads 或者 Flickr的像册,自适应宽度的中间列是主要内容。

  特点:

  • 有一个自适应宽度的中间列与固定的宽度左右列。
  • 中间列的主要内容首先出现在网页中。
  • 可以允许任一个列的内容为最高。
  • 非常简单的CSS和最少的Hacks。

  Step 1: 搭建结构

  先从header, footer, and container开始.

以下是引用片段:
<div id="header"></div>
<div id="container"></div>
<div id="footer"></div>

  给Container 一个左右方向的内补丁,其宽度相当于左右列的宽度.

以下是引用片段:
#container {
padding-left: 200px; /* LC width */
padding-right: 150px; /* RC width */
}

  现在的布局如下图:

  Step 1: Create the frame

软件资讯·软件下载尽在天极软件

共6页。 1 2 3 4 5 下一页 末页
相关搜索:
关注此文读者还看过
热门关注
特别推荐
文章排行
本周
本月
最近更新
关于我们|About us|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2009 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 渝ICP证B2-20030003号
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众