Se me ocurre que podrias hacer un div contenedor y dentro de este, dos div uno superior y otro inferior, para poder representrar lo que esta en la imagen.
Haciendo que los div que esten dentro del div contenerdor, tengan las dimensiones
alto y
ancho que indique cada imgen, por otro lado el div contenedor que este centrado, entonces si las resoluciones son menores que las que vos definiste se activaran los scrollbar, mientras que si las resoluciones son mayores que la que vos definiste, todo se vera bien con algun margenes que no te afectaran tu diseño.
Es una idea!!, Saludos!!