誰かが中央div 1040px幅の3列divを作成する方法を教えてもらえますか?左右のdivは弾性を持ち、ウィンドウのサイズが変更されたときに収縮します。これは常に中央のdivを中央に配置します。css 3列divs - 中間div固定幅 - 外側divs elastic
-1
A
答えて
1
あなたは、単にこのCSSを追加することにより、固定幅のdiv要素をセンタリングすることができます:
div {
width: 1040px;
margin: 0px auto;
}
あなたがしたい場合はここであなたが探しているものにかなり近くなる例です背景を追加する場合は、divの親要素、またはページの本文に追加します。
+0
ちなみに、このフィドルhttp://jsfiddle.net/fTPjZ/のようなものは、もっと正確にKDMが記述したように、不必要であるかもしれません。 – justis
1
あなたの目標は、単にそれを次のCSSプロパティを与え、中央のdiv要素を中央に単純である場合:
width: 1040px;
margin: auto;
position: relative (or static. NOT absolute or fixed);
あなたはのいずれかの側の領域をカバーしますbody
要素のタイリングbackground-image
を設定することができますdiv
。
2
方法があります、私はただ見つけます! :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%;
}
関連する問題
- 1. 外側Divの水平divs?
- 2. css 3 divs位置、オーバーフロー付きスクロール:
- 3. 左の列divs
- 4. CSS Column Divsヘルプが必要
- 5. センタリング動的幅Divs
- 6. CSSでIE6のスクロールDIVs
- 7. 幅の遷移 - divsのオーバーラップ
- 8. 3 div、1つの固定幅
- 9. css浮動サイドバイサイドdivsの高さ100%
- 10. 3つのdivsをインラインに維持
- 11. CSS - 固定幅のスパン/ divの
- 12. ダイナミックCSS3の幅を決定するDIV幅固定列幅
- 13. ピクセルとパーセンテージ幅divs side-by-side
- 14. DIVの位置 - div内の2 divs
- 15. 高さ/幅の100%のdivs - カルーセルナビゲーション?
- 16. layers/divsをクリック
- 17. Androidでスクロールdivs
- 18. ネストされたdivsとCSSの意味
- 19. 位置を合わせる:relative divs(CSS)
- 20. 3列、中央の列固定、両側の親を埋める
- 21. 同じレベルのdivs
- 22. divsが下に表示されるCSS
- 23. サイドバイサイドdivs
- 24. 浮動小数点間のCSSオートフィットコンテナ:left&float:right divs
- 25. CSSの継承と位置:固定スクロールのために使用DIVS
- 26. CSS:フルサイズのdivsブラウザスクロールバーを表示
- 27. 固定列のCSS 3列液体レイアウト
- 28. bg color on row divs
- 29. divをfloatの下に置く:left divs
- 30. Jquery slide divs
は、あなたの目標は、同様に、ちょうど真ん中のdivを中心に、またはあなたが実際にコンテンツを持つ側のdivを埋めるために探していますか? – justis
は現時点で中央のdivを中心にしていますが、後で誤ったタイトル/質問のために外側のdivに背景 – ONYX
-1を埋め込む可能性があります。あなたが本当に1つが孤独な列である場合は、3列のレイアウトを求めないでください。 –