if anyone could help me with this it would be appreciated, i need help on using my website on different resolutions and screen sizes, i know i have to use % so i have tried that but probably done it wrong or something, i can get everything working on my pc but then when i use another computer with different resolutions some of the items move out of place for example a picture, perfectly centre on my pc but then too far right on others here is the code iv used..
#Div1 {
position:absolute;
width:100px;
min-width: 10px;
height:379px;
z-index:1;
margin-left: 26%;
top: 460px;
}
<div id="Div1"><img src="Background.png" width="700" height="400" alt="background"/></div>
here is the results i get, using that picture so i had an idea what would happen;
all good on mac,
http://tinypic.com/r/2ytpvmp/6
on phone, ( friends say they have the same problem i see on my phone on their computers)
http://tinypic.com/r/9863ok/6
Thanks for any replies, i have no html training only a real basic idea but pick things up quick!