I'm fighting currently with a centered wrapper (centered with margin 0 auto). now i want to have a container beginning at the left until the centered wrapper begins. Is that possible at all with this given margin spec?I would really appreciate some hints!see also the fiddle:http://jsfiddle.net/TQhEa/1/What i have now:
What I want to have:
My code:\[code\]<body> <div id="page-wrapper"> <p><---- how can i cover the left side only with red without javascript but keeping the "0 auto margin?" </div></body> \[/code\]my CSS:\[code\]body, html{ width:100%; height:100%; top:0; margin:0; background-image: url('http://www.art-wallpaper.net/Full-Size-HD-Wallpaper29/images/HD%20Widescreen%20Wallpaper%2059.jpg'); background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}#page-wrapper{ background-color:red; margin: 0 auto; width: 400px; top:0; margin-top:0; height:100%;}p { padding:0; margin:0; font-size:30px;}} \[/code\]