2012-04-10 10 views
0

私は、以下の順番でヘッダとフッタを持つ固定幅のレイアウトを1列持っています。1列目のコンテンツの最初のレイアウトを作成する方法

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

品目3,4及び5は、動的で且つ垂直に拡大する(高さ不明) 項目1,2および6は固定された高さになります。 私たちのSEOマネージャーは、「メインコンテンツ」が身体の最初のdiv、または少なくとも基本コンテンツ(ソースビュー)よりも上になるようにしたいと言います。

私は、メインラッパー(6つのdivの周り)を相対位置に設定してみました。

+0

あなたの質問はありますか? – jacktheripper

+0

@jacktheripper:彼は主なコンテンツをHTMLの中で最初にしたいが、ページを見るときにはリストの正しい順序で表示することを望んでいる。 –

+0

もちろん、彼は尋ねるにはレッスンが必要です。その質問の中で、彼は "私にcodez"と言っているのに対して、彼の質問は "CSSを使ってページ上のコンテンツの位置を変える"と読むべきです。 – jacktheripper

答えて

1

ちょっとuはこの

の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 SCRIPTなどの

としてこれを簡単に行うことができます
document.getElementById('five').innerHTML=document.getElementById('five-5').innerHTML; 

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

関連する問題