Buenas que tal muchachos(as) espero se encuentren bien. Mi consulta es la siguiente tengo un layout sencillo hecho de la siguiente manera:
<div id="container-general">
<-- ¿sería bueno no especificar un tamaño?
<div id="container-header"> contenido header </div> <--- cada contenedor debe estar alineado.
<div id="container-content">contenido</div>
<div id="footer">contenido footer</div>
</div>
Cual sería la manera más eficiente de presentar mi estructura del layout para tener el background al 100% sin que pase por ensima del contenedor general y que sea repeat-x si tengo esta estructura que les muestro (arriba).
Esta es la imágen de lo que quiero lograr ya que tengo mis dudas al respecto sobre posicionamiento de layouts, he estado investigando y consultando ya que tengo poca experiencia utilizando css y divs, por eso les dejo mi duda y en espera de comentarios y sugerencias me despido hasta pronto.