Basically the problem I am having is I set a background color to the div’s but there is white spacing on the top left and right sides. The question is how do I correctly remove these white spaces? Here is my code (I am using the 960 grid system):
<div id="logo">
<div class="container_12">
<div class="grid_12">
Header and logo
</div>
</div>
<div class="clear"></div>
</div>
<div id="main">
<div class="container_12">
<div class="grid_12">
<div class="grid_6 alpha">Header text</div>
<div class="grid_1"></div>
<div class="grid_5 omega">Button</div>
</div>
</div>
<div class="clear"></div>
</div>
And my css is:
div#logo {
height: 175px;
background-color: #083d5e;
}
div#main {
height: 205px;
background-color: #01070b;
}
Thanks in advance!