html - 从表格到浮动布局

Question

据我所知，最好避免使用页表布局。

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

1. 我想要一个 15% 大小的视口标题 - 用 JS 解决，因为 body 没有 100% 的高度；我想在标题的左侧有一个按高度缩放的徽标（它的标题是高度，但宽度是按比例缩放的） - 通过添加 max-width, max-height:100% 来解决；现在壁纸位于图像下方。如何将它放在左图像和右边框之间？

2. button_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