css容器边框应采取全屏

我有一个非常简单的要求。我需要左右边框应继续，无论浏览器屏幕是什么。顶部和底部应保持白色，但左和右应black.In总之最终的结果应该是像下面的图片 http://s13.postimage.org/uuy4fobxj/border.jpg css容器边框应采取全屏

这里是我的代码：

<html> 
<head> 
<style type="text/css"> 
body { 
    text-align: center; 
    background-color: #FAFAFA; 
    font-family: Verdana,Helvetica,sans-serif,Arial; 
    height: 100%!important; 
    } 
#container { 
    background-color: #FFFFFF; 
    border-bottom: 0 none; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    margin: 0 auto !important; 
    min-height: 100%; 
    padding: 0; 
    width: 978px !important; 
    overflow:auto; 
} 
</style> 
</head> 
<body> 
<div id ="container"> 
</div> 
</body> 
<html>

来源

2012-03-27 Monojit

我认为你正在寻找在web开发一个相当普遍的事情，这是中心在页面上的内容，我是对的吗？这对我的作品......

<html> 
<head> 
<style type="text/css"> 
html,body 
{ 
margin:0; 
padding:0; 
} 

body { 
    text-align: center; 
    background-color: #000; 
    font-family: Verdana,Helvetica,sans-serif,Arial; 
    height: 100%!important; 
    } 
#container { 
    background-color: #FFFFFF; 
    margin: 0 auto !important; 
    min-height: 100%; 
    padding: 0; 
    width: 978px !important; 
    overflow:auto; 
} 
</style> 
</head> 
<body> 
<div id ="container"> 
</div> 
</body> 
<html>

来源

2012-03-27 00:23:34 Timmerz

会，如果我有内浮动元素，它是相同的容器？ – Monojit 2012-03-27 00:52:51

我在类似的设计中使用的容器中使用浮动，它工作正常。浮筒应该尊重容器。 – Timmerz 2012-03-27 01:02:24

你能否快速检查ojs.monojitbanerjee.co.cc并让我知道？ – Monojit 2012-03-27 01:12:29

我觉得你重要的声明，用你的规则搞乱了，这个工作对我来说：

body, html { 
    margin:0; 
    padding:0; 
    height:100%; 
    background-color:#FAFAFA; 
    text-align:center; 
} 

#container { 
    background-color: #FFFFFF; 
    height:100%; 
    height: auto !important; 
    min-height:100%; 
    width:978px; 
    margin:0 auto; 
    border-left:1px solid #CCC; 
    border-right:1px solid #CCC; 
    overflow:auto; 
}

来源

2012-03-27 00:30:43 Paradise

css容器边框应采取全屏

回答

相关问题