CSS格式化，邊框不會全長

我知道這已在很多地方得到解決，但我修改的模板有點古怪，我相信我知道是什麼導致了這個問題。我只是不知道該如何解決它。CSS格式化，邊框不會全長

該模板將left和right borders設置爲200px。我認爲它需要做的是製作2個以上的列而不是大小的邊框。我希望頁面兩側的部分灰色線條一直向下，但不是。我知道這是因爲內容並沒有完全消失，但對於我的生活，我無法弄清楚如何處理這件事。我應該從頭開始這一切嗎？

我爲頁面質量提前道歉，它只是隨機的信息來保存位置。

鏈接頁Site

#container { 
width: 950px; 
padding:0px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto; 
height:100%; 
} 
#banner { 
    text-align: right; 
    background-color: #E39A2D; 
    padding: 0px; 
    margin: 0px; 
    color: #ffffff; 
} 


/here is where it goes a little wrong*/ 
#outer{ 
border-left: solid 200px #E39A2D; 
border-right: solid 200px #E39A2D; 
background-color: #ffffff; 
height:100%; 
} 

#inner{margin:0; width:100%; height:100%; } 
#left { 
width:200px; 
float:left; 
position:relative; 
margin-left:-200px; 
margin-right:1px; 
border-left:2px solid #564b47; 
    height:inherit; 
    } 
#right { 
width:200px; 
float:right; 
position:relative; 
margin-right:-200px; 
margin-left:1px; 
border-right:2px solid #564b47; 
height:inherit; 

    } 
#content{ 
position: relative; 
margin: 0px; 
height:150%; 
}

我不希望讓它整版長，我知道該怎麼做。我只是想把線路一直延伸到左右兩側。

提前致謝。

來源

2012-02-08 Ben

要編輯的邊界是從#outer DIV的那些：

#outer{ 
border-left: solid 200px #564B47; 
border-right: solid 200px #564B47; 
}

反正你的代碼似乎有點不可思議，使用邊框佈局不正確的方式去和它會給你問題。檢查了這一點：http://www.barelyfitz.com/screencast/html-training/css/positioning/

來源

2012-02-08 14:58:21

對不起，我應該補充說，我想要離開頂部的白色標題兩邊自由和清晰。我只想在中間的邊框而不是頂部的頭部區域。 – Ben 2012-02-08 19:35:21

現在我仔細看它，你有200px的邊框嗎？這不是做你想做的事情的好方法 – 2012-02-09 09:50:09

CSS格式化，邊框不會全長

回答

相關問題