Pantalla centrada

[naranja12]

Buenas, necesito rehacer una web que estaba en flash, en html, yo estudié html normal, no el responsive. Lo que necesito es que la web (950px x 600px) salga centrada tanto a los lados como arriba y abajo al abrirla en cualquier monitor, y q funcione en móviles, etc....
Hay algún css específico para poder hacer esto?
Adjunto ejemplo
Gracias!!!!

[Jime25]

Hola,
Puedes resolver tu problema con con CSS:

Código CSS:

width: 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:

@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!