Foros del Web » Creando para Internet » CSS »

redimensionar dependiendo del tamaño de la pagina

Estas en el tema de redimensionar dependiendo del tamaño de la pagina en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/01/2012, 22:22
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 10 años, 11 meses
Puntos: 18
redimensionar dependiendo del tamaño de la pagina

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
  #2 (permalink)  
Antiguo 12/01/2012, 01:58
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 15 años, 1 mes
Puntos: 1567
Respuesta: redimensionar dependiendo del tamaño de la pagina

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 12/01/2012, 04:30
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 15 años, 2 meses
Puntos: 539
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.
  #4 (permalink)  
Antiguo 12/01/2012, 10:25
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 13 años, 1 mes
Puntos: 269
Respuesta: redimensionar dependiendo del tamaño de la pagina

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)
  #5 (permalink)  
Antiguo 12/01/2012, 14:16
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 10 años, 7 meses
Puntos: 59
Respuesta: redimensionar dependiendo del tamaño de la pagina

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
  #6 (permalink)  
Antiguo 12/01/2012, 15:43
Avatar de miguelsirna  
Fecha de Ingreso: enero-2012
Ubicación: Perú
Mensajes: 17
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: redimensionar dependiendo del tamaño de la pagina

Gracias madhatterdef te luciste con ese script
  #7 (permalink)  
Antiguo 12/01/2012, 17:39
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 10 años, 11 meses
Puntos: 18
Respuesta: redimensionar dependiendo del tamaño de la pagina

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?
  #8 (permalink)  
Antiguo 12/01/2012, 17:46
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 10 años, 11 meses
Puntos: 18
Respuesta: redimensionar dependiendo del tamaño de la pagina

compañero cristian_cena lo que me has dado el fundation 2.1 es opensource? lo puedo aplicar en proyectos privados? gracias
  #9 (permalink)  
Antiguo 12/01/2012, 18:39
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 10 años, 7 meses
Puntos: 59
Respuesta: redimensionar dependiendo del tamaño de la pagina

384 aprox
saca el porcentaje

100/1024*500 = 48,828125
48% de 800 = 384
  #10 (permalink)  
Antiguo 12/01/2012, 18:48
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 10 años, 11 meses
Puntos: 18
Respuesta: redimensionar dependiendo del tamaño de la pagina

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
  #11 (permalink)  
Antiguo 12/01/2012, 19:36
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 10 años, 7 meses
Puntos: 59
Respuesta: redimensionar dependiendo del tamaño de la pagina

si entendí bien si.

de nada devuelta
  #12 (permalink)  
Antiguo 12/01/2012, 20:17
 
Fecha de Ingreso: septiembre-2011
Mensajes: 480
Antigüedad: 10 años, 11 meses
Puntos: 18
Respuesta: redimensionar dependiendo del tamaño de la pagina

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

Etiquetas: dependiendo, redimensionar, tamañ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 13:21.