Home/ Questions/Q 8603085
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T02:14:29+00:00

I’ve a background image for body and a background color for wrapper div. I

  • 0

I’ve a background image for body and a background color for wrapper div.
I haven’t set any height for body and I’m using a min-height:1000px for wrapper.
But if wrapper height extends 1000px;, the background color of wrapper is as body background image.
HTML Code:

<body>
 <div id="wrapper">
  <div id="header">
    <div id="headercontainer">
      <div id="company"></div>
      <div id="tagline"></div>
      <div id="navigation"></div>
    </div>
  </div>
  <div id="pagecontainer1"></div>
  <div id="footer1"></div>
</div>

Here is the css:

body{
background:#E8EDF0;
    margin:0;
width:100%;
background-image: url(http://l1.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_20100521.png);
background-repeat: repeat-x;
background-position: 0px -2335px;}
#wrapper{
background-color:#FFF;
min-height:1000px;
width:1008px;
margin:auto;
position:relative;
overflow:visible;
}

How can i fix this background color issue for wrapper.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As the way you coded your page, you can’t get the wrapper to cover the full height. So the best way to do it is to make a background image for your full body like this:

    grey area##—–white area: 1008px—–###grey area

    make it 2000px wide (or more), 1px high, and repeat vertically:

    background:#E8EDF0 url(new-background-path.jpg) top center repeat-y;
    • 0