I am creating a web site and have written css postions etc using % so that it will look the same on any monitor size. So when I view the website on my own laptop which resolution is 1366 x 768 it looks perfect however when I view it on a widescreen monitor there's various parts that are out of place and further down the screen. One of the sections on the home screen which is out of place is the login form, the css for it is:
.clientForm
{
position:absolute;
top:35%;
left:40%;
color:Silver;
font-size:medium;
height: 112px;
width: 311px;
}
Just wondering if anyone knows why it would look so different on a widescreen monitor when % are being used and if there's any way to fix it?
Thanks in advance.