Home/ Questions/Q 4092624
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T19:30:54+00:00

I really need some help with a background on a website. You can see

  • 0

I really need some help with a background on a website. You can see the image here:

Link to image

Now what i want is first of all to have the image placed in the top middle. Then i would like to have something like 10x250px (Width x Height) from the left of the image to be repeated – should a visitors screen resolution be wider than the image it won’t seem like the site just stops at the edges.

I’ve tried several things, but it seems i keep running into different kind of technicalities that I’m not sure how to get around. So I would like to know how you would do it?

(The websites content will be 990px wide if that helps)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is a way to accomplish this so that it attempts to center for all screen resolutions so that there is never a bottom scrollbar. bg.gif is your image ang bg_filler.gif is a 20px slice off of the side. 

       <style>
   body 
   {
        background-image: url(bg_filler.gif);
        background-repeat: repeat-x; 
        background-color: #D1CDCA;
        margin: 0px;         
   }

   .backgroundPart
   {    
        height: 300px;
        background-image : url(bg.gif);
        background-position: top center;
        background-repeat: no-repeat;  
        padding: 0px;
        margin: 0px; 
   }

</style>

</head>
<body>
    <div class="backgroundPart">

    </div>

</body>

    Here is a sample http://www.wesgrant.com/samples/BackgroundSample/default.html

    • 0