테이블에서 플로트 레이아웃으로

Question

페이지 테이블 레이아웃을 피하는 것이 좋습니다.

I는 다음 페이지를 가지고 http://leroma.org.ua/index0.html

1. I 뷰포트의 헤더 15 %의 크기를 갖고 싶어 - 바디 100 % 높이를 갖고 있지 않기 때문에, JS로 해결하는 단계; 머리글의 왼쪽에 높이 로고로 크기를 조정하고 싶습니다 (머리글의 높이가 있지만 너비는 비례 적으로 조정됩니다) - 최대 너비, 최대 높이 : 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 사용
   가