完美網頁寄存例子

最近在內部討論關於“完美三欄”的話題,看到一篇“In Search of the Holy Grail”,相當的好.故此翻譯之.

In Search of the Holy Grail
很抱歉我沒有將這篇文章命名.我不是想誇大他的重要性或是輕視其他的 Holy Grails.但是確實是這麼稱呼,我們都明白它的含義.
三欄,一個是固定寬度的導航欄,另一個是GOOGLE廣告,或是Filckr圖片展示,就像Fancy的松露巧克力一樣,和一個重要的柔滑的夾心。在這個博客流行的黃金年代它是相當適用的,加之相當大的實現難度,理所應當的獲取了”聖盃”的名稱.
有很多文章是討論關於”聖盃”的,也有很多很好的網頁設計模板可以使用。但是,所有的方案都是以犧牲以下特性為代價的:合理的內容順序,寬度自適應,合理的標籤。這三者往往是這難以達到合理的佈局中要折中的元素
在最近的一個項目中我終於找到了傳說中的聖盃。我在不會改變您的代碼和靈活性的前提下盡可能的描述他。他會是:

一個自適應適應的中心和固定Web Design寬度的側邊欄
允許中間的內容先於其他出現在代碼中
允許任何一欄都是最高的高度
只需要額外的一個DIV標籤
非常的簡單的CSS代碼和很少很少的HACK 補丁

站在巨人的肩膀上
這個網站設計技術的靈感來自於Alex Robinson’s的 One True Layout 。他曾經在他的文章裡闡述過”聖盃”的若干問題,但是他的解決方法需要兩個包裝並且要求每一欄都需要一個父級DIV,否則很難寫內在結構.另一方面則是由 Eric Meyer’s的寫法 想到的,他利用了多種類型的單元混合定位。它的例子中也是用了固定的側邊欄和自適應的中心層,可是不幸的是,他依賴於近似的百分比,不是固定的值,而且填充了一部分隨屏幕分辨率不同而自適應寬度的層。

友情鏈接: CRM SEO SEO優化 網上推廣 網上廣告 搜尋器優化 網站優化 網站排名 Web Design 網頁設計 婚禮 婚禮統籌 Wedding Planner 婚禮 美容 Beauty 美髮 整容 塑身 風水 Feng Shui 風水學 環境學 寵物 Pet 環保袋 Recycle Bag 環保購物袋 珠寶 Jewellery 防火牆 Firewall 物流 Logistics 條碼 Bar Code 會計 月餅 果籃 模特兒 機場接送 機票 水上活動 水族 汽車模型 泰拳 海外升學 清潔 湯瑪士火車 滅蟲 潛水 澳門酒店 激光矯視 燒烤 營養師 物理治療 瑜珈 SEO Course SEO培訓課程 創業課程 創業賺錢 網上創業課程 青年創業 青年人創業 網上營銷 ERP POS 時裝批發 Fashion 化妝 Make Up 花店 Flower Shop 健康食品 Healthy Food 減肥 Weight Loss 網上商店 網頁設計 網頁設計模板 CMS操作視頻下載 CMS CMS視頻 Web 3.0 網路行銷 電郵服務 電子商務 認字 記憶法 Playgroup 記憶課程 記憶班 Memory course SEO Training Email Marketing 電郵廣告宣傳 電郵推廣 MBA BBA DBA PHD 博士 Hong Kong Hostel Hong Kong Guesthouse 香港賓館 香港旅館  保安服務 保險 優惠 創業 展覽會承包商 市場推廣及公關 建築及建造 撰稿及翻譯 教學進修 健康及醫療 中醫 其他治療 另類療法 康復 按摩中心 教學進修 普通診所 Spas 修甲 化妝 太陽燈 形象顧問 整容手術 會社、組織及團體 減肥 紋身及穿環 面部及皮膚護理 髮型設計及護理