Foros del Web » Creando para Internet » CSS »

Dimensiones

Estas en el tema de Dimensiones en el foro de CSS en Foros del Web. Hola a tod@s, Me gustaría saber cual sería el mejor modo de redimensionar mi web, una vez finalizada, si observo que el tamaño de los ...
  #1 (permalink)  
Antiguo 28/02/2011, 01:41
 
Fecha de Ingreso: noviembre-2005
Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 18 años, 4 meses
Puntos: 1
Dimensiones

Hola a tod@s,

Me gustaría saber cual sería el mejor modo de redimensionar mi web, una vez finalizada, si observo que el tamaño de los componentes que aparecen en las páginas, se queda algo pequeño.

El problema es que no he usado porcentajes, sino pixeles estáticos, tanto en tablas como en capas, y ahora me resulta difcíl modificar el ancho y alto de cada componente manteniendo la apariencia y evitando descuadres.

El motivo de utilizar tamaños en píxeles estáticos y no porcentajes, fue porque, en su día, diseñé una serie de imágenes, con un tamaño específico, que no quería ver alteradas, en calidad, a distintas resoluciones. Por ello, quise mantener siempre el mismo tamaño al contenido de la web, dejando un margen más o menos grande, en función de la resolución de la pantalla.

Ahora me arrepiento porque, realmente, cuando la resolución es muy grande, el contenido aparece centrado y demasiado empequeñecido. Pero se me hace un mundo alterar todos estos atributos.

La web que he implementado se ve estupendamente a 1024x768, en su día era la resolución más empleada, pero hoy, con las grandes tarjetas gráficas, temo que esa resolución se ha quedado obsoleta, y la media está en resoluciones de 1200 y pico, observándose el contenido demasiado pequeño...

¿Alguien podría darme un consejo para redimensionar la web, esta vez, con medidas relativas y porcentajes, para observar el contenido a un tamaño fijo, sin importar la resolución?.
¿Cual sería el mejor modo de modificarla?

Un saludo.
  #2 (permalink)  
Antiguo 28/02/2011, 02:58
 
Fecha de Ingreso: diciembre-2010
Ubicación: Madrid
Mensajes: 342
Antigüedad: 13 años, 3 meses
Puntos: 28
Respuesta: Dimensiones

Hola. Puedes hacerlo usando porcentajes o con em`s. Te dejo un enlace de referencia:
http://www.domestika.org/foros/5-pro...magenes_en_css

Respecto a lo que comentas de las resoluciones de pantalla, no estoy de acuerdo en que 1024X768 se haya quedado obsoleto. Pienso que cualquiera que use Google Analytics y haya observado el perfil de resoluciones de pantalla de los visitantes habrá podido ver que esa resolución hoy por hoy está bastante presente. Igualmente en relación a ese tema te dejo un enlace interesante:
http://www.desarrolloweb.com/de_inte...2010-3116.html
Aunque desde luego en un par de años es posible que 1200 sea la resolución más usada, pero no te olvides que a la par tienes todo el universo de resoluciones pequeñas del mundo de los dispositivos móviles.
Desde mi punto de vista el tema de las resoluciones de pantalla está estrechamente vinculado al perfil de usuarios que visitarán el sitio, un usuario medio usa 1024 o 1200 diseñadores y demás, las resoluciones pasan a 1600 1900 o hay sitios en que sobre todo se accede vía dispositivo móvil.
saludos
__________________
diseño web
  #3 (permalink)  
Antiguo 28/02/2011, 03:19
 
Fecha de Ingreso: noviembre-2005
Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 18 años, 4 meses
Puntos: 1
Respuesta: Dimensiones

Gracias Tresj por tu rápida respuesta ;)

La verdad es que, pensándolo mejor, no había caído en la navegación vía móvil y, según esa estadística que comentas, pues me agrada saber que todavía no se ha deprecado el 1024x768.

Sin embargo, me gustaría adaptar mi web a la resolución que tiene el equipo que la muestra, de una manera más dinámica.

Yo tengo un contenido estático y centrado de 779 pixeles de ancho. A una resolución de 800x600 se aprecian unos márgenes estrechos y un contenido grande y legible, sin barra horizontal de scroll, (cosa que trato de evitar como norma). A 1024, se amplían un poquito los márgenes pero sigue siendo una resolución perfectamente válida y con un contenido bastante bien proporcionado. Sin embargo, a 1280x1024, los márgenes se agrandan demasiado y el contenido se empequeñece más de lo que quisiera.

He comprobado, que pulsando la tecla CTRL y rotando la rueda del ratón, consigo ampliar el contenido de la web manteniendo la resolución.

¿hay alguna forma de hacer esto por código de forma dinámica para no tener que cambiar las medidas que tengo establecidas y poder presentar la web a un mayor tamaño para resoluciones grandes?

Esta sería, a mi juicio, el mejor sistema de apañar la forma de mostrar el contenido de mi web, sin alterar el tamaño de las capas, tablas e imágenes que tengo implementadas.

Un saludo.

Última edición por Tarzan; 28/02/2011 a las 03:48
  #4 (permalink)  
Antiguo 28/02/2011, 05:50
 
Fecha de Ingreso: diciembre-2010
Ubicación: Madrid
Mensajes: 342
Antigüedad: 13 años, 3 meses
Puntos: 28
Respuesta: Dimensiones

Hola, como te comenté la opción para hacer lo que buscas es usando píxeles o em`s. Ahora milagros no existen, supongo que tendrás que tocar cosas.
Otra opción; jquery:
http://www.infrabios.com/index.php?a...e;topic=4337.0
Si eliges hacerlo por esa vía, te recomiendo que consultes en el foro apropiado.
saludos
__________________
diseño web

Etiquetas: dimensiones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:18.