從表格到浮動佈局

Question

據我所知，最好避免頁面佈局。

我有以下頁面：http://leroma.org.ua/index0.html

1. 我想有視口的頭15％的大小 - 用JS解決了，因爲身體沒有100％的高度; 我想通過標題左側的高度標誌（它具有高度作爲標題，但寬度按比例縮放） - 通過添加最大寬度，最大高度：100％解決; 現在，壁紙位於圖像下。 如何將它放在左圖像和右邊框之間？

2. buttons_table看起來不錯，但我怎樣才能使相同的不使用表？

   糾正我，如果我的實施可以更好。

Answer 1

1. 添加這個必要

   html,body,#page {height: 100%} 
   #header {height: 15%} 
   #header_wallpaper {overflow: hidden} 
   

   沒有JS

2. 檢查modernizr.com

   有一個社區插件CSS-displaytable 使用

   display: table 
   display: table-row 
   display: table-cell