三列等高CSS布局的一个实例

您现在的位置： Photoshop资源站 >> 设计学院 >> 网站设计 >> DivCSS教程 >> 正文

三列等高CSS布局的一个实例

★★★

【字体：小大】

三列等高CSS布局的一个实例

作者：佚名教程来源：onegreen.org 点击数：更新时间：2008-6-20

三列等高CSS布局的一个实例，
　　修改国外的一个demo，
　　兼容到了IE5.5+ 和标准的浏览器Opera Firefox Safari。
　　不过hack太多，不是很喜欢这样做。

全部代码如下：

<?xml version="1.0" encoding="gb2312"?> <!DOCTYPE html PUBLIC "-//W3C//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="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <title>3 column lauput</title> <style type="text/css" media="screen">  </style> </head> <body> <div id="header">header(test in IE5.5+ opera9.0 Firefox 2.0)</div> <div id="container"> <div id="center"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> <div id="left"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> <div id="right"> <h2>Abstract</h2> <p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p> <p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p> <p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p> <p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p> </div> </div> <div id="footer">footer</div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

教程录入：onegreen 责任编辑：onegreen

上一篇教程： CSS2.1的完全支持严格地遵守Web标准 IE8将是Web历史的变革

下一篇教程： IE8的一些CSS hack

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				使用dl,dt,dd制作CSS垂直菜单 CSS3新增background-clip及background- div+css实例分享：非常不错的页面制作方滚动条CSS样式集合掌握CSS缩写技巧 Div+CSS教程：如何闭合浮动元素？使用CSS的dl、dd、dt制作标准表单 CSS经验之谈：灵活运用注释带来的益处 CSS加载方式对页面优化的影响 CSS经验之谈：保持CSS文件整洁与样式统

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \| SiteMap（软件） \| SiteMap（文章） \| SiteMap（图片） \|
Powered by：onegreen.org 站长：onegreen〖粤ICP备06090975号〗