Ajustar web automaticamente a 1280 X 800 px

[bathory84]

Que tal amigos, quisiera saber si me pueden ayudar en esto.

Quisiera que mi pagina web HTML se ajustara a 1280 X 800 px de resolusion de pantalla independientemente de cual sea la resolusion del explorador, por ejemplo cuando se abra la web que se ajuste a esta resolusion.

Se puede hacer esto con algun codigo?

[maycolalvarez]

Coloca un ancho fijo al layout del sitio, y alto también, nada que no ser pueda lograr con CSS

[bathory84]

A ver amigo, ya la pagina esta hecha desde hace un año y ahora que compré una tarjeta de video mas avanzada me doy cuenta de que la resolusion que acepta es 1680 X 1050, por lo tanto todo lo que se visualiza en la pantalla es mas pequeño o mas lejano por supuesto.

Entonces cuando entro a la pagina y se ve mas pequeña de lo normal en el navegador pues le di un par de veces a "Acercar" en el zoom de mozilla y vi el tamaño que siempre tenia la pagina.

[maycolalvarez]

1 - la propiedad Zoom en CSS no está debidamente estandarizada como para hacer una solución crossbrowser, no se si en CSS3

2 - el tamaño de la web fija siempre será el mismo, el que tengas un monitor más grande con mayor resolución sólo te dará la impresión de que la web se haga pequeña, y si llegas al punto de no poder leer nada tiene que cambiar la relación de PPP en las fuentes de su Sistema Operativo para adaptar el campo visible con ese tamaño de resolución.

Otra alternativa es utilizar medidas proporcionales en el layout del sitio.

[kseso?]

Creo que se están mezclando cuestiones muy diferentes, así que a ver si soy capaz de explicarme, comenzando por el final:

La no-propiedad "zoom":
Efectivamente, Maycolalvarez, no existe como propiedad recogida por el consorcio. Sólo por ie. Pero su funcionalidad era muy distinta a lo que aquí plantea bathory84:
http://www.librosweb.es/css_avanzado..._explorer.html
Por lo tanto no es aplicable.

El efecto de escalado con Crtl+, rueda del ratón u otros métodos es una funcionalidad del navegador ajena a la propia página. de Eso ya se ha escrito mucho en el foro.
Tampoco es aplicable a la consulta.

Css define la propiedad transform y el valor scale(). Pero no sería la solucción por sí misma.
Necesitaría discriminar por tamaño de la ventana. Ahí entrarían las @media queries.
Pero sería una solucción parcial. Y yo no recomendaría el utilizar scale()


Creo que lo que necesita no es cuestión de un par de propiedades de Css. Es más bien de planteamiento inicial de desarrollo de la página.

bathory84, acaba de descubrir lo que se ha dado en llamar Diseño Web Interactivo o "Responsive Web Design", pero que no se queda sólo en el espacio ocupado por la página.
Va un poco más allá, pues también tiene en cuenta qué contenidos y cómo se muestran en función del dispositivo y las prestaciones del mismo (estrucutura de la página y contenidos).
Y no sólo involucra al html y css. También el concepto del "Javascript discreto" o no invasivo (Unobtrusive JavaScript) y algo sobre lo que se está debatiendo ahora: imágenes sensibles al medio "responsive images".
Un acercamiento a este concepto y algún recurso.

Siento darle estas noticias, pero como todo en esta vida, las cosas suelen ser un poquito más complicadas de lo que parecen a simple vista.

bathory84: creo que debe replantearse su objetivo. Pues si sube el tamaño por arriba para mejorar la experiencia de quienes utilicen super-anchas-pantallas-y-supermáquinas puede ser a costa de empeorar otras, incluidos los móviles o tabletas.

[bathory84]

Justamente ayer estaba revisando la pagina y la seccion donde va el contenido en general tiene un ancho de 960 px. Me parece un buen ancho ya que si contamos con el fondo del html se ve un poco a los costados de la pantalla y para el publico en general esta bien.

Puede que el del problema sea yo pues tengo una resolusion bastante amplia de 1680 x 1050 px y ya no puedo detallar bien las cosas sin darle al zoom del navegador.