Layer <div> position changes when screen resolution changes
Posted on 2003-11-04
I have a <div> tag placed just after the <body> tag, so that i want the exact position of the image at a particular place say :left:16px; top:8px
This position setting are for screen resolution 800X600.
The problem is when i increase the screen resolution to an higher one..the position changes and the image appears outside.
<body leftmargin="0" topmargin="0">
<div id="imgLayer" style="position:absolute; left:16px; top:8px; width:131px; height:20px; z-index:1"><img src="images/myImage.gif" width="131" height="20">
Here the width, height and image width & height keeps changing according to the different pages i load.
To summarise :
in the <div> tag the position, left, top & z-index values will be constant.
What change is the the width, height and in <img> tag the image name, width and height.
Any work around???