Caroline_, he colgado unos ejemplos en el servidor para que veas el resultado.
Aquí puse un contenedor a 480px con tus elementos posicionados de forma absoluta adentro. El contenedor se alinea a la izquierda y los elementos absolutos están en una posición
Código:
http://www.tunait.com/pruebas/caroline/izquierda.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="width: 480px; position: relative;">
<div style="position:absolute; overflow:hidden; left:204px; top:153px; width:28px; height:47px; z-index:0"><img width=28 height=47 border=0 src="images/topmenu_img1.gif"></div>
<div style="position:absolute; overflow:hidden; left:297px; top:273px; width:156px; height:21px; z-index:18">
<font style="font-size:10pt" color=#000000 face="Tahoma">
<div>Codigo de Estudiante:</div>
</font>
</div>
...aquí el resto de tus contenidos actuales
</div>
</body>
</html>
Aquí el mismo contenedor con indicación para que se centre. Observa que los elementos absolutos se mueven con el contenedor manteniendo su posición relativa
Código:
http://www.tunait.com/pruebas/caroline/centrado.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="width: 480px; position: relative; margin-left: auto; margin-right: auto;">
<div style="position:absolute; overflow:hidden; left:204px; top:153px; width:28px; height:47px; z-index:0"><img width=28 height=47 border=0 src="images/topmenu_img1.gif"></div>
<div style="position:absolute; overflow:hidden; left:297px; top:273px; width:156px; height:21px; z-index:18">
<font style="font-size:10pt" color=#000000 face="Tahoma">
<div>Codigo de Estudiante:</div>
</font>
</div>
...aquí el resto de tus contenidos actuales
</div>
</body>
</html>
y aquí el mismo que el anterior pero sin el dtd, observarás que el código es el mismo que el centrado, sin embargo explorer no lo centra
Código:
http://www.tunait.com/pruebas/caroli...adosindtd.html
<html>
<head>
<title> título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="width: 480px; position: relative; margin-left: auto; margin-right: auto;">
<div style="position:absolute; overflow:hidden; left:204px; top:153px; width:28px; height:47px; z-index:0"><img width=28 height=47 border=0 src="images/topmenu_img1.gif"></div>
<div style="position:absolute; overflow:hidden; left:297px; top:273px; width:156px; height:21px; z-index:18">
<font style="font-size:10pt" color=#000000 face="Tahoma">
<div>Codigo de Estudiante:</div>
</font>
</div>
...aquí el resto de tus contenidos actuales
</div>
</body>
</html>
Debes fijarte en el centrado
http://www.tunait.com/pruebas/caroline/centrado.html