0

ビューの順序で次のように作成する必要があるヘッダーとフッターを備えた単一列の固定幅レイアウトがあります。

  1. ヘッダ
  2. ナビゲーション
  3. 基本的な内容
  4. 基本的な内容
  5. メインコンテンツ
  6. フッター

項目 3、4、および 5 は動的で、垂直方向に拡張されます (高さは不明) 項目 1、2、および 6 は固定の高さになります。当社の SEO マネージャーは、「メイン コンテンツ」を本文の最初の div にするか、少なくとも基本的なコンテンツ (ソース ビュー) の上に配置したいと言っています。

メインラッパー（6つのdivすべての周り）を相対的に設定してから、「メインコンテンツ」を下部に絶対配置しようとしました。

4

1 に答える 1

1

ねえ、このように簡単にこれを行うことができます

CSS

div{
    background:green;
    margin-top:10px;
    padding:20px;
    color:white;
}

#five-5{
display:none;
}

HTML

<div id="five"></div>
<div id="one">Header</div>
<div id="two">navigation</div>
<div id="three">basic content</div>
<div id="four">basic content</div>
<div id="six">Footer here </div>





<div id="five-5">Main Container here </div>

Javaスクリプト 

document.getElementById('five').innerHTML=document.getElementById('five-5').innerHTML;

ライブデモhttp://jsfiddle.net/rohitazad/tk7ky/1/

于 2012-04-11T04:55:31.830 に答える