html - テーブルレイアウトからフロートレイアウトへ

Question

私が聞いたように、ページ テーブル レイアウトは避けたほうがよいでしょう。

次のページがあります: http://leroma.org.ua/index0.html

1. ビューポートの 15% のサイズのヘッダーが必要です。ボディの高さが 100% ではないため、JS で解決します。ヘッダーの左側に高さでスケーリングされたロゴが必要です (ヘッダーとして高さがありますが、幅は比例してスケーリングされます) - max-width、max-height: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