redimensionar dependiendo del tamaño de la pagina

[edward18_1]

Hola tengo unas dudas respecto a las resoluciones y eso!...si por ejemplo yo mi web la hago en una resolucion de 1280x1024 y bueno....y tengo mis div´s y eso con un tamaño ya establecido....y si alguien ingresa a mi web con otra resolucion como por ejemplo 800x600.....existe alguna formula o forma o algo que yo pueda dividir el tamaño actual y eso o no se hacer algo matematico para que me quede bien en esa resolucion? gracias

[emprear]

No,si el usar porcentajes no te resuelve el problema simplemente detectas la resolución y haces un css para cada caso en particular.
Saludos

[kseso?]

Diseño responsable.
Nada de valores absolutos.%, em o rem, uso de las medias-querys, diferentes hojas según el dispositivo ayudado de un poco de programación para evitar cargar según qué elementos en según qué dispositivo.
Resumiendo, no hay una panacea de valor universal.

Cada proyecto es único y con sus particularidades, así que no queda otra que, leer, investigar, probar, desechar... y vuelta a trabajar.

[cristian_cena]

Te recomiendo leas estos articulos de Ethan Marcotte:
http://www.alistapart.com/authors/m/emarcotte
O bien su libro:
http://www.abookapart.com/products/r...ive-web-design
Algunos ejemplos:
http://designmodo.com/responsive-design-examples/
Algunas grillas basadas en responsive design:
http://foundation.zurb.com/ (flexible)
http://cssgrid.net/ (flexible)
http://framelessgrid.com/ (fijo)
http://masonry.desandro.com/index.html (ambas)

[madhatterdef]

puedes cambiar el css según la resolución así

<script type="text/javascript">
if (screen.width < 1024 ) {document.write('<link rel="stylesheet" type="text/css" href="800.css">');}

else if (screen.width == 1024) {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

else if (screen.width >1024 && screen.width <1280 ) {document.write('<link rel="stylesheet" type="text/css"href="1152.css">');}

else if (screen.width = 1280 && screen.height !== 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280.css">');}

else if (screen.width = 1280 && screen.height == 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280X960.css">');}

else {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

</script>

esto va a cambiar el archivo css
en el primer caso si el ancho la resolución es menor a 1024
en el segundo si el ancho es igual a 1024
en el tercero si el ancho es mayor a 1024 y menor que 1280
en el cuarto si el ancho es 1280 y el alto 960
y el ultimo si no es ninguno de los anteriores

puedes cambiar los valores como quieras
si no entiendes algo pregunta y tratare de responderte

[miguelsirna]

Gracias madhatterdef te luciste con ese script

[edward18_1]

Hola gracias! por el script...pero tengo es una duda o sea....si en una resolucion de 1280x1024 tengo un div de 500px de ancho!...en una resolucion por ejemplo de 800x600 cuanto debe de tener el div de ancho en esa resolucion de 800x600?

[edward18_1]

compañero cristian_cena lo que me has dado el fundation 2.1 es opensource? lo puedo aplicar en proyectos privados? gracias

[madhatterdef]

384 aprox
saca el porcentaje

100/1024*500 = 48,828125
48% de 800 = 384

[edward18_1]

eso es exactamente lo que estaba buscando!.....me imagino que lo unico que varia en la pagina seria eso!...o sea..ya que la posición yo la tengo en absolute! y alli o sea que si en el top tantos pixeles y el en left tantos pixeles y siempre seria igual no? Gracias por esa otra duda :D

[madhatterdef]

si entendí bien si.

de nada devuelta

[edward18_1]

Muchisimas gracias ya me pondre....a modificar unos css...Gracias a todos