Need help with basic html! Options

[chris678]

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!

This post has been edited by chris678: Dec 5 2012, 07:30 PM

[jimlongo]

One thing you might look at is the instructions here. Especially the meta viewport settings.