I want to have a background color that spans the entire width of the page for my header, another color for my nav bar and another for my content. All of these sections of the page will be centered with
margin: 0 auto;.
The solutions I see so far are having each section contain a div to wrap its content for the purpose of styling it with the
margin: 0 auto; while the section itself provides the background color so that it takes the whole page width, or, having a background on the body set to
repeat-x and styling the page content to appear above the appropriate background color.
I prefer to use styles but is there any way that doesn't involve wrapping each content. I feel like I'm missing some simple solution.