DIV CSS 佈局教程網

針對五個模塊的不同類型布局demo，基本上概括了所有需求，很有代表性。注意dtd為strict模式，編碼是已改為utf。


個人覺得雖然實用有限，但作為技術參考，一定程度上總結了很多解決方案。
固定代碼架構，分為五個部分 eader, content, navigation, other stuff and footer


HTML 代碼:

<div id="container">  <div id="header">Header</div>  <div id="wrapper">    <div id="content">Content</div>  </div>  <div id="navigation">Navigation</div>  <div id="extra">Extra stuff</div>  <div id="footer">Footer</div></div>

作者是意大利設計師，標題不好翻譯，看示意圖加例子就明白了。


Three percentage columns (n.01)
http://www.rexsong.com/blog/attachme...youtgala01.htm


Three percentage columns (n.02)
http://www.rexsong.com/blog/attachme...youtgala02.htm


Three percentage columns (n.03)
http://www.rexsong.com/blog/attachme...youtgala03.htm

123456789下一頁