html - Area beyond horizontal scroll range set to body colour -

html - Area beyond horizontal scroll range set to body colour -

i new html/css. want horizontal strip of screen black, on reddish background. using css, define wrapper black background , body reddish background.

unfortunately, when there's horizontal scrollbar, wrapper takes part of page can seen scrollbar @ extreme left. area of page right of exclusively red.

here relevant html , css:

<div id="wrapper"> <div id="page" class="container"> <div id="content"> <h2 class="title">foo</h2> <div class="body"> <p>bar</p> </div> </div> </div> </div> #wrapper { background-color: #000000; } .container { width: 1000px; margin: 0px auto; } #page { padding-top: 280px; } #content { float: left; width: 620px; padding-right: 40px; } body { margin: 0; background: #ff0000; }

you need specify minimum width div #wrapper

#wrapper { min-width: 1000px; }

html css