I am having a very simple requirement.I need the border on left and right should continue no matter what the browser screen is.i.e top and bottom portion should remain white but left and right should be black.In short the final result should be like below image
http://s13.postimage.org/uuy4fobxj/border.jpg
Here is my code:
<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>
I think you are looking for a rather common thing in web dev, which is to center content on the page, am I right? this works for me…