I am looking to create a website with a split background effect, similar to the design on this site . I want to maintain a content container width of 980px while achieving this look.
I attempted to accomplish this by adding height and background color properties to specific divs. However, when placed within the container, the background color gets cut down to 980px...
#container {
margin: 0 auto;
width: 980px;
}
#another_section {
background-color: #66cc33;
height: 650px;
width: 100%;
}
#background {
background-color: #FFFFFF;
color: #333333
height:600px;
text-align: center;
width: 100%;
}
HTML:
<div id="container">
<div id="background">
</div>
<div id="another_section">
</div>
</div>