HTML，三個欄佈局

Question

嗨，大家好，我需要幫助，我可是從表改變我的網站的DIV

我的問題是我的網站需要3個div的直列我需要一個div在頁面788px其他2上的中心左側和右側會有一個重複的背景圖像，根據屏幕分辨率增加和減少，但中心的div必須保持相同的大小，並且無論分辨率如何，它都必須保持在頁面的中央。這可能使用div嗎？

Answer 1

這當然是可能的： 我建議看着浮子（http://www.w3schools.com/css/css_float.asp） 和背景圖像（http://www.w3schools.com/cssref /pr_background-image.asp）

若要設置背景圖像：

<div style="background-image:url('location/image.ext');"> 

退房背景重複：http://www.w3schools.com/cssref/pr_background-repeat.asp

作爲用於3列布局例子中，有圍繞淨噸，一個簡單的Ë在這裏找到：http://www.electrictoolbox.com/basic-3-column-fixed-width-css-layout/

<div id="container"> 

    <div id="left"> 
    </div> 

    <div id="right"> 
    </div> 

    <div id="content"> 
    </div> 

    <div class="clear"></div> 

    <div id="footer"> 
    </div> 

</div> 

#container { 
    width: 700px; 
} 

#left { 
    float: left; 
    width: 150px; 
} 

#content { 
    padding: 0 210px 0 160px; 
} 

#right { 
    float: right; 
    width: 200px; 
} 

.clear { 
    clear: both; 
} 

Answer 2

你可以試試這個...

有單獨的ID對每個格並嘗試使用像素值，而不是百分比......並且使用作爲相對或固定的位置.. 。這樣，當瀏覽器降低它不會改變......

如。比方說，你有中心DIV作爲一個#center_div ... ID然後試試這個...

#center_div{ 
position:relative (or fixed); 
width: (value)px; 
height: (value)px; 
display: block; 
} 

如果你想在中心div來出現在其他兩個div的頂部...只是使用ž -index財產...

希望工程......

Answer 3

你想要什麼（固定中心液體雙方）已經回答了這個其他SO職位：

Three column layout: fixed width center with fluid side columns

Answer 4

退房http://matthewjamestaylor.com/blog/perfect-3-column.htm

您將需要中間列設置爲固定寬度（PX）代替％。

Answer 5

您是不是要找類似的東西？
http://jsfiddle.net/UY5XY/5/

<div id="containter"> 
    <div id="left">LEFT</div> 
    <div id="center">CENTER</div> 
    <div id="right">RIGHT</div> 
</div> 

CSS：

#containter div { 
    position:relative; 
    text-align:center; 
    width:100%; 
    height:auto; 
} 
#containter div { 
    position:absolute; 
    text-align:left; 
    width:100px; 
    height:100px; 
    display:block; 
} 
#left { 
    left:0;    
} 
#center { 
    width:10%; 
    margin:0 40%; 
} 
#right { 
    right:0; 
} 

- >文本對齊的IE（應該是OK）
- >邊距：左，右是在0
- >中心利潤率百分比值，但可以是例如。 50px，但是你應該讓中間邊距也像'margin：0 50px'。