hi im using the following code to set up how the content section should look:
div#content {position: absolute;
top: 50px;
left:70px;
width:640px;
height: 400px;
overflow: auto;
font-family: verdana;
font-size: 13px;
color:silver;
text-align:justify;
margin:3px;}
it works and looks great on my pc but the problem arises when i take it to another pc and the screen resolution is different so how do i get it to stay there *points and monitor* on everyones monitior?
cyaz
ajYou could try using percentages and relative font sizes, which would make things relative to the user's actual display/browser (you might need some combination of % and px depending on other elements and desrired effects):
div#content {
position: absolute;
top: 5%;
left:7%;
width:60%;
height: 40%;
overflow: auto;
font-family: verdana;
font-size: medium;
color:silver;
text-align:justify;
margin:0.5%;}
div#content {position: absolute;
top: 50px;
left:70px;
width:640px;
height: 400px;
overflow: auto;
font-family: verdana;
font-size: 13px;
color:silver;
text-align:justify;
margin:3px;}
it works and looks great on my pc but the problem arises when i take it to another pc and the screen resolution is different so how do i get it to stay there *points and monitor* on everyones monitior?
cyaz
ajYou could try using percentages and relative font sizes, which would make things relative to the user's actual display/browser (you might need some combination of % and px depending on other elements and desrired effects):
div#content {
position: absolute;
top: 5%;
left:7%;
width:60%;
height: 40%;
overflow: auto;
font-family: verdana;
font-size: medium;
color:silver;
text-align:justify;
margin:0.5%;}