Can not position background image

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I am trying to position a background image in a div:

#wrapper2    {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 710px;
    max-width: 1000px;
    min-height: 400px;
    border: 1px solid gray;
    background-image: url(images/eae3ce_tile.gif);
    background-position: 40px 220px;
    background-repeat: repeat-y;

according to the above code (I would assume) that the image would start
40px from the left and 220px from the top. This is not the case; it is
starting 40px from the left; however, it is starting at the very top and
not 220px below that.

The image is a 240px wide by 1px tall image tiled in the y axis. Any
thoughts as to what I am overlooking? BTW, I have commented out a few of
the other background images for clarity so the site is not quite as bad
as it seems at the moment (although it is far from finished...) /


Re: Can not position background image

Quoted text here. Click to load it

It *has* started 220 pixels down from the top. Your trouble is that you have
told it to repeat in the y direction and that is what it has done, repeated
down *and* up to fill up the entire height of your div. This is what
repeat-y does.


Re: Can not position background image

rf wrote:
Quoted text here. Click to load it

Well, that certainly makes sense. Looks like I need to take a different
tack to accomplish this. Now that you mention it, that should have been


Site Timeline