L
Leupi
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-color:white;
*/
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...)
http://mysite.verizon.net/leupi5/
Thanks,
Todd
#wrapper2 {
margin-top: 0;
margin-left: auto;
margin-right: auto;
min-width: 710px;
max-width: 1000px;
min-height: 400px;
border: 1px solid gray;
/*
background-color:white;
*/
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...)
http://mysite.verizon.net/leupi5/
Thanks,
Todd