Foros del Web » Creando para Internet » CSS »

problemas resolucion diseño web

Estas en el tema de problemas resolucion diseño web en el foro de CSS en Foros del Web. Hola actualmente cuando realizo un diseño web lo hago con div, y css, el problema esta que no se que resolucion tomar para que se ...
  #1 (permalink)  
Antiguo 25/05/2011, 11:45
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 12 años, 2 meses
Puntos: 3
problemas resolucion diseño web

Hola actualmente cuando realizo un diseño web lo hago con div, y css, el problema esta que no se que resolucion tomar para que se vea bien en todos los exploradores, ya que pondo el ancho con px y no si se sea correcto asi, alguna recomendacion a la hora de empezar el diseño para tener una resolucion correcta, estaba viendo hacer un .css para cada resolucion, es correcta esa idea? o puede ser alguna otra forma?

Gracias
  #2 (permalink)  
Antiguo 25/05/2011, 16:06
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 9 meses
Puntos: 269
Respuesta: problemas resolucion diseño web

(supongo que con "para que se vea bien en todos los exploradores" quisiste decir "para que se vea bien en todas las resoluciones")
hacer un css para cada resolución sería mucho trabajo, en principio, para algo tan sencillo. Si es una buena idea pensando en dispositivos móviles por ejemplo.

Código HTML:
Ver original
  1. <div id="contenedor">.. todo lo demás aca adentro...</div>
  2. </body>

y si, esta bien que lo hagas en px. Una medida standard puede ser 960px si consideras que tu resolución mínima parte de un monitor de 1024px de ancho. O bien puedes hacerlo de 760px si partes de un monitor de 800px de ancho.

Código CSS:
Ver original
  1. #contenedor{
  2. width:960px;
  3. margin:0 auto; /*si quieres que se centre horizontalmente*/
  4. }

Bien, esto es una maqueta "fija".

También puedes hacer que tu maqueta sea "líquida" (ej: forosdelweb, wikipedia)
En este caso debes usar la unidad de medida (%) porcentaje en vez de píxel (px)

Código CSS:
Ver original
  1. #contenedor{
  2. width:90%;
  3. margin:0 auto; /*si quieres que se centre horizontalmente*/
  4. }
  5. /*luego das width con % también a sus elementos anidados*/

Finalmente están las maquetas "elásticas" que usan como unidad de medida "em", sinceramente nunca las he trabajado. Pero aquí un artículo sobre el tema. Así que quien lea y quiera compartir un ejemplo será bienvenido.

Saludos.
  #3 (permalink)  
Antiguo 25/05/2011, 17:08
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 12 años, 2 meses
Puntos: 3
Respuesta: problemas resolucion diseño web

Muchisimas gracias por tu informacion :D

Etiquetas: diseño
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 00:21.