Posicionamiento de divs distintas resoluciones

body {background-color: #DFDEDB;
}

#dp { font-family: Verdana, Geneva, sans-serif;
text-decoration:underline;
font-weight: bold;
font-size:200%;
border-style:dashed;
position:absolute;
top:30%;
right:35%;
z-index: 1;
}

#dpcontingut { font-family: Verdana, Geneva, sans-serif;
font-size:100%;
border-style:dashed;
position:absolute;
top:40%;
left:42.5%;
z-index: 1;
}

#fa { font-family: Verdana, Geneva, sans-serif;
text-decoration:underline;
font-weight: bold;
font-size:200%;
border-style:dashed;
position:absolute;
top:75%;
left:24%;
z-index: 1;}

#facontingut { font-family: Verdana, Geneva, sans-serif;
font-size:100%;
border-style:dashed;
position:absolute;
top:85%;
left:24%;
z-index: 1;}

#el { font-family: Verdana, Geneva, sans-serif;
text-decoration:underline;
font-weight: bold;
font-size:200%;
border-style:dashed;
position:absolute;
top:105%;
left:24%;
z-index: 1;}

#elcontingut { font-family: Verdana, Geneva, sans-serif;
font-size:100%;
border-style:dashed;
position:absolute;
top:115%;
left:24%;
z-index: 1;}

#carpeta{background-image: url("carpeta.bmp");
position: relative;
height:1755px;
width:974px;
background-repeat:no-repeat;
background-attachment: scroll;
background-position: center;
background-size: 974px 1755px;
border-style:dashed;
margin: auto;
}

		/*height:1755px;
		width:974px;*/

#foto {
content:url(foto.jpg);
border-style:dashed;
position:absolute;
top:30%;
right:65%;
width:10%;
z-index: 1;