CSS


.page_background {
     background-color: #FFFFFF;
     width: 924px;
     padding: 8px;
     margin-top: 0px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0px;
}
.page_background_shaddow_top {
     width: 950px;
     padding: 0px;
     margin-top: 10px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     background-image: url(images/background_drop_shaddow_top.gif);
     height: 5px;
}
.page_background_shaddow_middle {
     width: 950px;
     padding: 0px;
     background-image: url(images/background_drop_shaddow_sides.gif);
     background-repeat: repeat-y;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
}
.page_background_shaddow_bottom {
     width: 950px;
     padding: 0px;
     background-image: url(images/background_drop_shaddow_bottom.gif);
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 10px;
     margin-left: auto;
     height: 5px;
}

HTML


<div class="page_background_shaddow_top">
</div>
<div class="page_background_shaddow_middle">
 <div class="page_background">


 </div>
</div>
<div class="page_background_shaddow_bottom">
</div>
Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published. Required fields are marked *