css 3列divs - 中間div固定幅 - 外側divs elastic

Question

誰かが中央div 1040px幅の3列divを作成する方法を教えてもらえますか？左右のdivは弾性を持ち、ウィンドウのサイズが変更されたときに収縮します。これは常に中央のdivを中央に配置します。

Answer 1

あなたは、単にこのCSSを追加することにより、固定幅のdiv要素をセンタリングすることができます：

div { 
    width: 1040px; 
    margin: 0px auto; 
} 

あなたがしたい場合はここであなたが探しているものにかなり近くなる例です背景を追加する場合は、divの親要素、またはページの本文に追加します。

Answer 2

あなたの目標は、単にそれを次のCSSプロパティを与え、中央のdiv要素を中央に単純である場合：

width: 1040px; 
margin: auto; 
position: relative (or static. NOT absolute or fixed); 

あなたはのいずれかの側の領域をカバーしますbody要素のタイリングbackground-imageを設定することができますdiv。

EDIT：http://jsfiddle.net/kqVFy/

Answer 3

方法があります、私はただ見つけます！ ：D

HTML：

<div id='siteHeadLeft'></div> 
<div id='site'> 
<div id='siteHeadRight'></div> 

CSS：

#siteHeadRight{ 
    height:95px; 
    float: right; 
    margin-right: -500px; 
    background-image:url(../IMG/menu_bg.png); 
    background-repeat:repeat-x; 
    width: 50%; 
} 

#site{ 

    float: left; 
    width:1000px; 

} 

#siteHeadRight{ 
    height:95px; 
    float: right; 
    margin-right: -500px; 
    background-image:url(../IMG/menu_bg.png); 
    background-repeat:repeat-x; 
    width: 50%; 
}