I am trying to get an image on the page relative to another image on the page to stay in the same place with different monitor screens of different sizes..
You can see the actual item I am trying to get to work here… http://vipteamwa.com/vickiwork/
So far its driving me bonkers.. you can view the code if you like..
Basically you can see a tiny black image about 1/4 inch square and using relative code I position it anywhere there and want to see it remain in the relatively same position with different size monitors.. if you look at it on a different monitor it will not be in the exact same position… I thought it would auto reference the div just ahead of it.. but it does not.. Is there something I need to do for the reference to work… I dont’ care what its ref to I just want the little black image to remain in the same relative spot.. such as under the same post.
of the porch..
The css looks like this:
tiny1 {
top: 10px;
left: 660px;
z: 100;
position: relative;
}