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格式化，边框不会全长

回答

相关问题