problemas resolucion diseño web

Alphabravo · #1 (**permalink**) 25/05/2011, 11:45

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

cristian_cena · #2 (**permalink**) 25/05/2011, 16:06

(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<body>
<div id="contenedor">.. todo lo demás aca adentro...</div>
</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#contenedor{
width:960px;
margin:0 auto; /*si quieres que se centre horizontalmente*/
}

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#contenedor{
width:90%;
margin:0 auto; /*si quieres que se centre horizontalmente*/
}
/*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.

Alphabravo · #3 (**permalink**) 25/05/2011, 17:08

Muchisimas gracias por tu informacion :D