Hola,
Puedes resolver tu problema con con CSS:
Código CSS:
Ver originalwidth: 950px;
height: 600px;
position:absolute;
top: 50%;
left: 50%;
margin-top: -100%;
margin-bottom: -100%;
Con eso tendrías que solucionar el centrado. Sin embargo el diseño no es responsive design, es decir, que no se ve bien en cualquier resolución (por ejemplo, en dispositivos móviles). Para esto puedes utilizar el siguiente código:
Código CSS:
Ver original@media screen and (max-width:950px) {
#todo
{
width: 950px;
height: 600px;
}
}
Con esto estás indicando que cuando la pantalla se reduzca a esa resolución (ancho de 950px) cambiará también el ancho de tu #todo (suponiendo que hay un div con el contenido de tu web, que tiene un id="todo").
Tienes que repetir el proceso con varios anchos. A ti te toca personalizar el código como te convenga.
¡Saludos!
